zoukankan      html  css  js  c++  java
  • jQuery笔记---选择器(三)

    1.1查找隐藏的tr元素的个数

       $(“table tr:hidden”).size() 

       查找所有可见的tr元素的个数

       $(“table tr:not(:hidden)”).size()   一般是不使用,因为效率太慢

     举例:

    <body> 
       <table border="1" align="center">
       <tr style="display:none">    不显示的意思,所以下面值显示两个,这个tr是不显示的
          <td>Value 1</td>
       </tr>
       <tr>
          <td>Value 2</td>
       </tr>
       <tr>
          <td>Value 3</td>
       </tr>
     </table>
     <script type="text/javascript">
     //1)查找隐藏的tr元素的个数
      $(“table tr:hidden”).size() 
     //2)查找所有可见的tr元素的个数
     $(“table tr:not(:hidden)”).size()   一般是不使用,因为效率太慢
     </script>
    </body>

     

    2.1查找所有含有id属性的div元素个数

    $(‘div’).size();    查询出div的个数
    $(‘div[id]’).size();  查询出div中含有id的个数,使用[]

       查找所有name属性是nametestinput元素

    $("input".size()  查询出input标签的个数
    $("input[name='nametest']").size()

       查找所有name属性以'news'开始的input元素,并将其选中

    $("input[name^='news']").attr("checked","checked")
    $("input[name^='news']").attr("checked","true");

       查找所有name属性以'letter'结尾的input元素,并将其选中

    $("input[name$='letter']").attr("checked","checked");

        查找所有name属性包含'news'input元素,并将其选中

    $("input[name*='news']").attr("checked","true");

        找到所有含有id属性,并且它的name属性是以"letter"结尾的input元素,并将其选中

     

    $("input[id][name$='letter']).attr("checked","true");

     

    3.1迭代[each]每个ul中第1li元素中的内容,索引从1开始

    $(“ul li:first”).each(     这个只会将第一个找出来
         function()
        {
              Alert(“XX”);   出现一次XX
        }
    );

    这个就会全

    $(“ul li:first-child”).each(   
      function()
      {
          //Alert(“XX”);      出现三次XX
         $(This).text();
      }
    );

     迭代每个ul中最后1li元素中的内容,索引从1开始

     

    $(“ul li:last-child”).each(     
      function()
      {
          $(this).text();
      }
     );

      ul中查找是唯一子元素的li元素的内容

    $(“ul li:only-child”).each(function(){
    $(this).text();
    });

      迭代每个ul中第2li元素中的内容,索引从1开始

    $(“ul li:nth-child(2)”).each(function(){
    $(this).text();
    });

    4.1查找所有input元素的个数

    找的input标签   

    $(“input”).size()

    找出所有的标签,包括button.textarea等

    $(".input").size();

     查找所有文本框的个数

    $(":text").size();

     查找所有密码框的个数

    $(":password").size();

    查找所有单选按钮的个数

    $(":redio").size();

    查找所有复选框的个数

    $(":checked").size();

       查找所有提交按钮的个数

    $(":submit").size();

       匹配所有图像域的个数

     

    $(":image").size();

     

     查找所有重置按钮的个数

    $(":reset").size();

      查找所有普通按钮的个数

    $(":button").size();

    查找所有文件域的个数

    $(":file").size();

     

    5.查找所有可用的input元素的个数

    $("input:enabled").size();

      查找所有不可用的input元素的个数

     

    $("input:disable").size();

     

      查找所有选中的复选框元素的个数

    $(":checkbox:checked").size();

    查找所有未选中的复选框元素的个数

    $(“:checkbox:NOT(:checked)”).size();

    查找所有选中的选项元素的个数

    $(“select option:selected”).size();

    6.在标签中有多个input的,只会显示第一个的值

    <body>
        <input type="text" value="11"/>
        <input type="text" value="22"/>
        <input type="text" value="33"/>
        
        <script type="text/javascript">
            alert( $("input").val() );  当有多个的时候,就只会显示第一条的值
        </script>
      </body

    7.JS语法创建一个一维数组,存入string类型的姓名,再迭代

       (1)创建数组

      var array =new Array(“ssd”,”cff”);
    
           for(var i=0;i<array.length;i++)
    
               ……显示
    • JSON语法创建一个一维数组,存入string类型的姓名,再迭代

       var Array=[“vv”,”dd”];  js对象

       将它转化为jQuery,然后使用下面的方法

          $nameArray.each(function()

         {

              alert(this);   //每次自动给this

         }

      );

       对象.each(函数) 里面有多少个参数就会回调多少

    • JSON语法创建一个一维数组,存入object类型的编号和姓名,再迭代
      var Array=[
      {
         Name:“啦啦”,
        Sal:6000
      }
       {
         Name:“嘿嘿”,
         Sal:7000
      }
    ];
    var $haha=$(“Array”);
    $haha.each(function(){
       alert(this.name+”:”+this.sal);  
    })

    总结:如果是一个数据的时候,就值需要一个this就可以了,但是如果是一个对象,那么就使用this.name。属性的方式进行操作。

             

  • 相关阅读:
    BZOJ 1823: [JSOI2010]满汉全席 [2-SAT]
    POJ 3683 Priest John's Busiest Day[2-SAT 构造解]
    Centos出现-bash: unzip: command not found的解决办法
    物理cpu与逻辑cpu概述
    如何正确查看Linux机器内存使用情况
    connections java.net.BindException: Address already in use_解决方案
    Linux查看端口、进程情况及kill进程
    linux如何查看端口被哪个进程占用?
    如何正确查看Linux机器内存使用情况
    TPS和事务响应时间的关系
  • 原文地址:https://www.cnblogs.com/kw28188151/p/8305739.html
Copyright © 2011-2022 走看看