jQuery选择器

转载 2015年11月18日 11:38:18
选择器 实例 选取
* $("*") 选择 class="intro" 的所有元素。
#id
$("#lastname")
id="lastname" 的元素
class $(".intro") 所有 class="intro" 的元素
element $("p") 所有 <p> 元素
.class.class
$(".intro.demo") 所有 class="intro" 且 class="demo" 的元素

   
:first $("p:first") 第一个 <p> 元素
:last $("p:last") 最后一个 <p> 元素
:even $("tr:even") 所有偶数 <tr> 元素
:odd $("tr:odd") 所有奇数 <tr> 元素
     
:eq(index)
$("ul li:eq(3)") 列表中的第四个元素
(index 从 0 开始)
:gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素
:lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素
:not(selector)
$("input:not(:empty)")
所有不为空的 input 元素
     
:header
$(":header") 所有标题元素 <h1> - <h6>
:animated
  所有动画元素
     
:contains(text) $(":contains('W3School')") 包含指定字符串的所有元素
:empty     $(":empty") 无子(元素)节点的所有元素 无子(元素)节点的所有元素
:hidden
$("p:hidden")     所有隐藏的 <p> 元素 所有隐藏的 <p> 元素
:visible
$("table:visible")     所有可见的表格 所有可见的表格
     
s1,s2,s3
$("th,td,.intro") 所有带有匹配选择的元素
     
[attribute]
$("[href]") 所有带有 href 属性的元素
[attribute=value]
$("[href='#']") 所有 href 属性的值等于 "#" 的元素
[attribute!=value]  $("[href!='#']") 所有 href 属性的值不等于 "#" 的元素
[attribute$=value]  $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素
     
:input $(":input") 所有 <input> 元素
:text $(":text") 所有 type="text" 的 <input> 元素
:password  $(":password") 所有 type="password" 的 <input> 元素
:radio  $(":radio") 所有 type="radio" 的 <input> 元素
:checkbox
$(":checkbox") 所有 type="checkbox" 的 <input> 元素
:submit
$(":submit") 所有 type="submit" 的 <input> 元素
:reset $(":reset") 所有 type="reset" 的 <input> 元素
:button $(":button") 所有 type="button" 的 <input> 元素
:image $(":image") 所有 type="image" 的 <input> 元素
:file  $(":file") 所有 type="file" 的 <input> 元素
     
:enabled  $(":enabled") 所有激活的 input 元素
:disabled
$(":disabled") 所有禁用的 input 元素
:selected
$(":selected") 所有被选取的 input 元素
:checked
$(":checked") 所有被选中的 input 元素

相关文章推荐

jquery选择器整理

  • 2017年11月10日 10:52
  • 17KB
  • 下载

jQuery日期选择器控件

  • 2017年04月24日 15:01
  • 25.41MB
  • 下载

李炎恢jQuery笔记7表单选择器

val(); //选择type 为password 的字段 $('input[name=user]').val(); //选择name 为user 的字段 那么对于id 和类(class)用法比较...

jQuery选择器

  • 2012年03月07日 15:56
  • 326KB
  • 下载

jquery 笔记集合1 选择器 CSS样式 函数 事件 节点

//    1.$(' 标签名 / id属性名 / class属性名 / * ')          $('p').css('color','red'); //    2.属性选择器       ...

jquery选择器总结

  • 2012年08月18日 09:27
  • 791KB
  • 下载

jQuery选择器大全

  • 2012年03月20日 19:51
  • 49KB
  • 下载

12个很棒的jQuery选择器扩展(翻译)

我最近开始编写自己的jQuery选择器,我越来越开始意识到这是一种不错而简洁的完成某些特定任务的方式,而以往我使用的是迭代器。 这些选择器中如果不是你一直在寻找的,你也许根本将不会碰到。所以我决...
  • joliny
  • joliny
  • 2012年03月14日 15:51
  • 10148

Jquery选择器

  • 2012年08月30日 14:40
  • 1MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery选择器
举报原因:
原因补充:

(最多只允许输入30个字)