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中的特殊选择器--this

相信很多刚接触jQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?下面我们一起来看一下! this是JavaScript中的关键字,指的是当前的上下文对象,简单...
  • LHJBK
  • LHJBK
  • 2016年05月30日 21:16
  • 1182

Jquery选择器分类(基本选择器,层次选择器,过滤选择器,表单选择器)

基本选择器 说明:通过元素id、class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为...
  • allan492975230
  • allan492975230
  • 2013年08月01日 15:50
  • 1166

JQuery_九大选择器

JQuery中九大选择器。
  • pseudonym_
  • pseudonym_
  • 2017年07月25日 18:19
  • 619

常用jQuery选择器详解

元素选择是一切操作的前提,jQuery中$()函数最强大最常用的功能之一就是使用选择器选择DOM元素。这里就汇总一些十分常用的jQuery选择器。1、jQuery选择器基本结构$('选择器') $('...
  • a153375250
  • a153375250
  • 2016年05月26日 14:46
  • 1549

详解jQuery选择器正则表达式

1、空白 whitespace = "[\\x20\\t\\r\\n\\f]", 在字符串中,斜杠是用于转义的,若想输出斜杠,必须采用双斜杠来表示。上述字符串若直接用正则表达式对象来表示,如下: ...
  • mole
  • mole
  • 2015年02月02日 18:26
  • 3326

jquery 联合选择器,相对选择和层级选择器__多类交集选择器,多属性选择器

1、多条件选择器 用途:使用多个条件同时选择多个标签 用法:$(“条件1,条件2,条件3,……,条件n “); 特征:多个条件在“”内用逗号隔开; 用例:$(“div#id,span.tip,...
  • h330531987
  • h330531987
  • 2017年10月26日 10:26
  • 196

jquery选择器的实现原理

html部分 Document 1 2 var result = $("div"); console.log(result); alert($('div').size(...
  • qq_30100043
  • qq_30100043
  • 2016年11月03日 00:57
  • 978

jquery选择器扩展之样式选择器

jquery中提供了丰富多样的选择器,利用这些选择器我们可以完成大多数任务,但是喜欢思考的我们总得找点事,提问时间: 1.如何选择所有字体颜色为红色的元素 2.如何选择出背景颜色为为白色的元素 3.如...
  • duwen90
  • duwen90
  • 2016年01月23日 18:05
  • 1512

jQuery 源码分析 选择器

jquery
  • wx11055
  • wx11055
  • 2016年01月11日 13:51
  • 311

jQuery: 在this的环境中使用选择器

jQuery: 在this的环境中使用选择器   $(XXX,this) $(XXX,this) 第一个参数是查询字符串或dom元素 第二个参数是查询的上下文 等价于...
  • lululove19870526
  • lululove19870526
  • 2015年03月03日 17:25
  • 1263
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery选择器
举报原因:
原因补充:

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