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

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

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

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

举例：

<body>

   <table border="" align="center">

   <tr style="display:none">    不显示的意思，所以下面值显示两个,这个tr是不显示的

      <td>Value </td>

   </tr>

   <tr>

      <td>Value </td>

   </tr>

   <tr>

      <td>Value </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属性是nametest的input元素

$("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中第1个li元素中的内容,索引从1开始

$(“ul li:first”).each(     这个只会将第一个找出来

     function()

    {

          Alert(“XX”);   出现一次XX

    }

);

这个就会全找

$(“ul li:first-child”).each(

　　function()

　　{

　　　　  //Alert(“XX”);      出现三次XX

　　　　 $(This).text();

　　}

);

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

$(“ul li:last-child”).each(

　　function()

　　{

 　　　　 $(this).text();

　　}

　);

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

$(“ul li:only-child”).each(function(){

$(this).text();

});

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

$(“ul li:nth-child()”).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=;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:

　　}

   {

 　　　　Name：“嘿嘿”，

　　　　 Sal:

　　}

];

var $haha=$(“Array”);

$haha.each(function(){

   alert(this.name+”:”+this.sal);

})

总结：如果是一个数据的时候，就值需要一个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. Google开源新的 RISC-V IP核: “BottleRocket”（https://cnrv.io）

    BottleRocket是RISCV RV32IMC的实现. Google在2017年11月29日在Github上非官方开源了BottleRocket的RTL代码,同时表明这并不是一个官方支持的Goo ...

  2. html5中的空格符

    html5中的空格符 1,Html中空格      不断行的空白(1个字符宽度)      半个空白(1个字符宽度)     一个空白(2个字符宽度)      窄空白(小于1个字符宽度) 2,Css ...

  3. c++中重载、重写、覆盖的区别

    Overload(重载):在C++程序中,可以将语义.功能相似的几个函数用同一个名字表示,但参数或返回值不同(包括类型.顺序不同),即函数重载.(1)相同的范围(在同一个类中):(2)函数名字相同:( ...

  4. js --- return返回值 闭包

    什么是闭包?这就是闭包! 有权访问另一个函数作用域内变量的函数都是闭包.这里 inc 函数访问了构造函数 a 里面的变量 n,所以形成了一个闭包. function a(){ var n = 0; f ...

  5. Android自定义组件系列【12】——非UI线程绘图SurfaceView

    一.SurfaceView的介绍 在前面我们已经会自定义View,使用canvas绘图,但是View的绘图机制存在一些缺陷. 1.View缺乏双缓冲机制. 2.程序必须重绘整个View上显示的图片,比 ...

  6. the night the room

    http://bogifabian.com/?page_id=2529 I am trying to creat dreamful atmospheres, paint walls and floor ...

  7. 洛谷——P1498 南蛮图腾

    https://www.luogu.org/problem/show?pid=1498 题目描述 自从到了南蛮之地,孔明不仅把孟获收拾的服服帖帖,而且还发现了不少少数民族的智慧,他发现少数民族的图腾往 ...

  8. jQuery Easy UI Panel(面板)组件

    panel(面板)组件,跟前面的组件使用方法差点儿都差点儿相同,也是从设置一些面板属性.操作面板触发的事件.我们可针对面板对象的操作方法这三个点去学习. 后面有一些组件要依赖于这个组件. 另一点跟前面 ...

  9. erlang虚拟机代码运行原理

    erlang是开源的,非常多人都研究过源码.可是.从erlang代码到c代码.这是个不小的跨度.并且代码也比較复杂. 所以这里,我利用一些时间,整理下erlang代码的运行过程.从erlang代码编译 ...

  10. 【LeetCode-面试算法经典-Java实现】【130-Surrounded Regions（围绕区域）】

    [130-Surrounded Regions(围绕区域)] [LeetCode-面试算法经典-Java实现][全部题目文件夹索引] 原题 Given a 2D board containing 'X ...