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

         

原文地址:https://www.cnblogs.com/kw28188151/p/8305739.html