基本选择器-查找的应用

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
 <script type="text/javascript">
 //页面加载完后调用,初始化jquery
 $(function(){
 //查找表格的第一行(第一个)
 // var tr = $("tr:first");
 // tr.css("color","red");
 //查找表格的最后一行
 // var tr = $("tr:last");
 // tr.css("color","red");
 //查找所有未选中的 input 元素
 // var inputs = $("input:not(:checked)");
 //查找表格的1、3、5...行(即索引值0、2、4...)
 // var trs = $("tr:even");
 // trs.css("color","red");
 //查找表格的2、4、6行(即索引值1、3、5...)
 // var trs = $("tr:odd");
 // trs.css("color","red");
 //查找查找第二行
 // var trs = $("tr:eq(1)");
 // trs.css("color","red");
 //查找第二第三行,即索引值是1和2,也就是比0大
 // var trs = $("tr:gt(0)");
 // trs.css("color","red");
 //查找第1第2行,即索引值是0和1,也就是比2小
 // var trs = $("tr:lt(2)");
 // trs.css("color","red");
  
 var h = $(":header");
 h.css("color","red");
 debugger;
  
  
 });
 </script>
 </head>
 <body>
 <table>
 <tr><td>Header 1</td></tr>
 <tr><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
 </table>
 <input type="checkbox" name="apple" />
 <input type="checkbox" name="flower" checked="checked" />
 <br />
 <h1>Header 1</h1>
 <p>Contents 1</p>
 <h2>Header 2</h2>
 <p>Contents 2</p>
 </body>
 </html>
 
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页