使用jQuery实现隔行换色,批量绑定事件
2013-03-26 20:38
489 查看
,<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
//$("#p").click(function(){alert ('css')});
var $p=$("#p > p");
$p.click(function(){
alert("嗯,还好");
});
//var $tr=$("#tr tr=even");
//$tr.css("background","red");
$("#trs tr:even").css("background","red");
});
</script>
</head>
<body>
<div id="p">
<p>第一个东东</p>
<p>第2个东东</p>
<p>第3个东东</p>
<p>第4个东东</p>
</div>
<table id="trs">
<tr><td>333</td><td>444</td></tr>
<tr><td>555</td><td>666</td></tr>
<tr><td>777</td><td>222</td></tr>
<tr><td>111</td><td>443</td></tr>
</table>
</body>
</html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
//$("#p").click(function(){alert ('css')});
var $p=$("#p > p");
$p.click(function(){
alert("嗯,还好");
});
//var $tr=$("#tr tr=even");
//$tr.css("background","red");
$("#trs tr:even").css("background","red");
});
</script>
</head>
<body>
<div id="p">
<p>第一个东东</p>
<p>第2个东东</p>
<p>第3个东东</p>
<p>第4个东东</p>
</div>
<table id="trs">
<tr><td>333</td><td>444</td></tr>
<tr><td>555</td><td>666</td></tr>
<tr><td>777</td><td>222</td></tr>
<tr><td>111</td><td>443</td></tr>
</table>
</body>
</html>
相关文章推荐
- 使用jQuery实现隔行换色,批量绑定事件
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- jQuery hover事件 使用jquery实现表格的隔行换色功能
- jQuery使用bind函数实现绑定多个事件的方法
- 使用jQuery绑定事件,为回调函数传递参数遇到的坑
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 使用jquery当页面打开时,将修改样式的点击事件绑定到Dom
- jQuery_事件绑定如何用on实现事件委托
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)以及js的select
- 工作积累(三)——使用jQuery实现回车触发事件
- 使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
- jquery中取消和绑定hover事件的实现代码
- 使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果
- 2017年3月25日工作日志:Jquery使用小结[绑定事件判断、select标签、军官证正则]
- 解决jquery中,使用append增加元素时,该元素的绑定监听事件失效的办法
- jquery 使用on方法给元素绑定事件
- jQuery使用load函数访问Struts2中的Action实现局部刷新和注册事件
- 关于jquery事件动态绑定(on的使用)
- jquery使用append动态增加元素,该元素绑定事件失效的解决办法
- jquery中利用on绑定mouseenter事件与mouseleave事件实现鼠标hover事件