2,JQuery学习-为页面的元素添加点击事件
2012-11-09 10:17
351 查看
<script type="text/javascript" src="jquery-1.8.2.js"></script> <script type="text/javascript"> //$(document).ready();这个是要在页面加载时执行的函数,document表示本页面 $(document).ready(function (){ //这个是给这个页面的所有a标签添加点击事件 $('a').click(function (){ //这个是点击处理函数的内部处理 alert("响应了a标签的点击"); }); //这个是给这个页面的所有input标签添加点击事件 /* $('input').click(function (){ alert("响应了input标签的点击"); }); */ //这个是给input标签下所有type为text的标签元素添加点击事件 /* $('input:text').click(function (){ alert("响应input标签下所有type为text的标签元素的点击事件"); }); */ //这个是给input标签下所有type为text的标签元素中的第一个也就是0号添加点击事件 /* $('input:text:first').click(function (){ alert("响应input标签下所有type为text的标签元素的第一个也就是0号的点击事件"); }); */ //这个是给input标签下所有type为text的标签元素中的第一个也就是4号添加点击事件 /* $('input:text:last').click(function (){ alert("响应input标签下所有type为text的标签元素的第一个也就是4号的点击事件"); }); */ //下面是一些常用的过滤属性 // even偶数 // odd 基数 // eq 等于 // lt 小于 // gt 大于 /////////////过滤属性的用法//////////////// /* $('input:text:even').click(function (){ alert("响应input下text下的第event号就是偶数号的点击"); }); */ $('input:text:gt(3)').click(function(){ alert("响应input下text下的大于3号元素的点击"); }); //这个是给class为readBox的标签元素添加点击事件 $('.redBox').click(function (){ alert("响应class为redBox的标签元素的点击事件"); }); }); //d </script> <a href="#">点击</a><br/> 0号:<input type="text" name="t" /><br/> 1号:<input type="text" /><br/> 2号:<input type="text" /><br/> 3号:<input type="text" /><br/> 4号:<input type="text" /><br/> <input type="checkbox" /><br/> <div style="width:100px;height:100px;background-color:green;"></div> <div style="width:100px;height:100px;background-color:red;" class="redBox"></div>
本文出自 “Kenan_ITBlog” 博客,请务必保留此出处http://soukenan.blog.51cto.com/5130995/1054790
相关文章推荐
- 2,JQuery学习-为页面的元素添加点击事件
- jquery无法为动态生成的元素添加点击事件的解决方法
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- javascript,jquery动态添加dom元素,并设定css属性,点击事件
- jquery对页面新加元素添加事件
- 【学习3】Cocos2d-x 3.x中使用物理引擎动态添加元素(点击事件)
- Jquery 页面元素动态添加后绑定事件丢失方法,非 live
- jQuery学习笔记---模态对话框,添加、编辑、删除(注意:click中绑定click,delegate:给后来元素自动添加事件)
- jquery无法为动态生成的元素添加点击事件的解决方法
- jQuery学习四:jQuery如何向页面中添加元素?
- jquery:为动态加载的元素添加点击事件
- jquery动态添加元素绑定事件学习记录
- jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
- Jquery页面中添加键盘按键事件,如ESC事件
- jquery为新增元素添加事件
- jQuery向页面中添加元素
- Jquery学习之旅之添加元素
- jq动态生成的元素(标签)添加点击事件
- 糊糊的前端学习笔记——a标签点击跳转页面后,为被点击的a标签添加样式【Day1】
- Jquery动态添加及删除页面节点元素示例代码