JQuery之选择集过滤

JQuery选择集过滤应用如下:

代码实现:

 1 <script src="JS/jquery-3.4.1.js"></script> 2 <script> 3 // JQuery中的选择集过滤 4 // has()方法:选择出指定的选择所指的标签 5  $(function(){ 6 var $div = $(div).has(#int1);  7 // 表示使用has方法选出多个div标签中含有id名为int1的div标签 8  $div.css({ 9 width:200px,10 height:200px,11 background:yellow,12 color:red13  })14  })15 // eq()方法:选出指定索引代表的标签16 // 索引从0开始17  $(function(){18 var $div = $(div).eq(1);19 // 使用eq(指定索引)方法可以通过指定索引取出在body体中的标签20 // 在body体中第一个出现的标签的索引为0,依次递增21  $div.css({22 border:1px solid red,23 background:blue,24 width:200px,25 height:200px26  });27  });28 29 </script>30 31 <body>32 <div>33  这是第一个DIV标签34 <input type="text" id="int1">35 </div>36 <hr>37 <div>38 <input type="text" id="int2">39 </div>40 </body>

相关文章