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

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

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

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

举例：

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

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

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

查找所有name属性是nametest的input元素

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

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

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

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

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

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

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

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

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

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

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

这个就会全找

  1. $(“ul li:first-child”).each(
  2. 　　function()
  3. 　　{
  4. 　　　　  //Alert(“XX”);      出现三次XX
  5. 　　　　 $(This).text();
  6. 　　}
  7. );

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

  1. $(“ul li:last-child”).each(
  2. 　　function()
  3. 　　{
  4.  　　　　 $(this).text();
  5. 　　}
  6. 　);

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

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

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

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

4.1查找所有input元素的个数

找的是input标签

  1. $(“input”).size()

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

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

查找所有文本框的个数

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

查找所有密码框的个数

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

查找所有单选按钮的个数

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

查找所有复选框的个数

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

查找所有提交按钮的个数

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

匹配所有图像域的个数

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

查找所有重置按钮的个数

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

查找所有普通按钮的个数

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

查找所有文件域的个数

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

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

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

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

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

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

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

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

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

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

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

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

  1. <body>
  2.     <input type="text" value="11"/>
  3.     <input type="text" value="22"/>
  4.     <input type="text" value="33"/>
  5.  
  6.     <script type="text/javascript">
  7.         alert( $("input").val() );  当有多个的时候，就只会显示第一条的值
  8.     </script>
  9.   </body

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

（1）创建数组

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

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

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

　　   $nameArray.each(function()

　　{

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

　　}

　　);

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

  • 用JSON语法创建一个一维数组，存入object类型的编号和姓名，再迭代
  1. 　　var Array=[
  2. 　　{
  3.  　　　　Name：“啦啦”，
  4. 　　　　Sal:
  5. 　　}
  6.    {
  7.  　　　　Name：“嘿嘿”，
  8. 　　　　 Sal:
  9. 　　}
  10. ];
  11. var $haha=$(“Array”);
  12. $haha.each(function(){
  13.    alert(this.name+”:”+this.sal);
  14. })

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

jQuery笔记---选择器(三)的更多相关文章

  1. jQuery笔记——选择器

    jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元 素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性 常规选择器 根据id选择元素就是 ...

  2. jQuery笔记---选择器(二)

    1.选择器练习: 1)查找UL中的元素的内容 格式:$(“ul li:XX”).text() XX:代表方法 比如:获取到第一元素,然后获取当中的值 $(“ul li:first”).text() 获 ...

  3. jQuery笔记---选择器

    查找API,jQuery选择器,定位标签 1.基本选择器 id定位标签 class属性定位标签 标签名定位标签 2.举例 <html> <head> <meta http ...

  4. jQuery笔记（三）jQuery中的事件

    ; padding:0;} body { font-size:13px; line-height:130%; padding:60px;} #panel { width:300px; border:1 ...

  5. jQuery笔记（三）

    day03 - jQuery 学习目标: 能够说出4种常见的注册事件 能够说出 on 绑定事件的优势 能够说出 jQuery 事件委派的优点以及方式 能够说出绑定事件与解绑事件 能够说出 jQuery ...

  6. jQuery笔记（一）jQuery选择器

    一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含tes ...

  7. jquery笔记之属性选择器 查找以某种条件开头的页面元素

    jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]& ...

  8. jQuery学习笔记——jQuery常规选择器

    一．简单选择器在使用 jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery ...

  9. HTML 学习笔记 JQuery（选择器）

    学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地 ...

随机推荐

  1. SWTBOK測试实践系列（1） -- 測试在项眼下期的评审投入划算吗？

    測试策略:静态測试还是动态測试? [对话场景] 成功公布某个软件版本号之后,项目团队召开了项目的经验教训总结大会.在会议期间,项目经理小项和測试经理小測进行了例如以下的对话: 小项:"小測, ...

  2. jquery10 闭包示例

    o = { a:1, o:{ b:2, f : function(){ alert(o.a); alert(o.b);//undefined } } } o.o.f(); o = { a:7, o : ...

  3. watch---周期性的方式执行给定的指令

    watch命令以周期性的方式执行给定的指令,指令输出以全屏方式显示. 选项 -n:指定指令执行的间隔时间(秒): -d:高亮显示指令输出信息不同之处: -t:不显示标题.

  4. Modbus设备调试工具Winform（包括SRC0001、海康威视、TTS以及各种类型LED的测试）

    1.SRC寄存器读写测试 2.采集数据终端模块(这里是康海时代)调试 3.RS485传感器设备调试 4.LED/TTS/海康威视等展示设备调试 5.Modbus等协议规约资料及4-20mA设备调试 以 ...

  5. 洛谷 P3505 [POI2010]TEL-Teleportation

    P3505 [POI2010]TEL-Teleportation 题目描述 King Byteasar is the ruler of the whole solar system that cont ...

  6. TextView- 内容过长省略号设定

    <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_conte ...

  7. while 循环的理解

    if 与 while 的主要区别:if 只判断和执行一次,而 while 却代表着一个循环,执行多少次,要视情况而定: 两种情况(A.B)都会让循环体执行: while A or B: 两种情况(A. ...

  8. 用Zebra打造Linux下小型路由器

    用Zebra打造Linux下小型路由器 现在的Internet网络相当庞大,不可能在不同的网络之间建立直接的连接,所以这时就必须用路由器为不同网络之间的通信提供路径选择.Linux下搭建路由器价格非常 ...

  9. vue项目使用axios

    使用: npm install axios --save-dev 在main.js中import: 使用: (1):POST方式 let data= [{receiveAdd:receiveAddVa ...

  10. Docker 搭建java+tomcat

    1. 准备java和tomcat的软件包 jdk-7u79-linux-x64.tar.gz apache-tomcat-7.0.57.tar.gz 2. 编辑Dockerfile 文件 vim Do ...