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。属性的方式进行操作。

             

  • 相关阅读:
    PAT Advanced 1067 Sort with Swap(0, i) (25分)
    PAT Advanced 1048 Find Coins (25分)
    PAT Advanced 1060 Are They Equal (25分)
    PAT Advanced 1088 Rational Arithmetic (20分)
    PAT Advanced 1032 Sharing (25分)
    Linux的at命令
    Sublime Text3使用指南
    IntelliJ IDEA创建第一个Groovy工程
    Sublime Text3 安装ftp插件
    Sublime Text3配置Groovy运行环境
  • 原文地址:https://www.cnblogs.com/kw28188151/p/8305739.html
Copyright © 2011-2022 走看看