夺命雷公狗jquery---3普通选择器
2015-10-18 22:24
639 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery.js"></script> <script> window.onload = function(){ document.getElementById('btnok').onclick = function(){ //1.匹配第一个单元格 //$('td:first').html('test'); //2.匹配最后一个单元格 //$('td:last').html('test'); //3.通过odd和even实现隔行变色 //$('td:odd').css('backgroundColor','red'); //4.匹配索引为5的单元格 //$('td:eq(5)').css('backgroundColor','red'); //5匹配索引大于5的所有单元格 //$('td:gt(5)').css('backgroundColor','red'); //6.匹配索引小于5的所有单元格 //$('td:lt(5)').css('backgroundColor','red'); //7.匹配除索引5以外的所有td元素 $('td:not(td:eq(5))').css('backgroundColor','red'); } } </script> </head> <body> <input type="button" id="btnok" value="匹配" /> <br/> <table width="800" border="1"> <tr> <td>0</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>
相关文章推荐
- 夺命雷公狗jquery---2层级选择器
- asp.net 实现在线打印功能,jQuery打印插件PrintArea实现自动分页
- jQuery.core_02
- 夺命雷公狗jquery---1选择元素的3种方法
- jQuery dialog实现登陆,增删改操作
- JQuery中的小技巧,,,连载中。。。
- jQuery源码分析之offset,position,offsetParent方法以及源码中常见的cssHooks,swap代码
- Jquery iframe获取父窗口中的元素
- jQuery 文件上传插件:uploadify、swfupload
- 百度谷歌唯一解决方案--解决jQuery Validation插件 相同名称文本框只验证第一个
- jQuery源码分析之css方法
- JQuery图片轮换器原理
- jquery基本选择器
- jQuery实现打印输出字体
- jQuery基本选择器
- 为什么jQuery不能监听body的滚动事件呢?
- jQuery实现鼠标点击Div区域外隐藏Div
- 用jQuery写的最简单的表单验证
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jquery设置元素的readonly与diabled属性方法