zoukankan      html  css  js  c++  java
  • 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':'red'
    13             })
    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':'200px'
    26             });
    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>
    该花的钱要花,该吃的饭要吃。
  • 相关阅读:
    centos-docker安装及基本使用
    List集合-03.Vector
    List集合-02.LinkedList
    List集合-01.ArrayList
    常用图像处理方法
    git使用
    bug记录
    bash vim等常用命令
    python常用
    MTCNN试用
  • 原文地址:https://www.cnblogs.com/chao666/p/12018373.html
Copyright © 2011-2022 走看看