JQuery 选择器详解

Posted cloudshadow

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 选择器详解相关的知识,希望对你有一定的参考价值。

 

 
示例 说明
$(this) 当前元素
$("p") 所有<p>元素
$("input") 所有input元素
$(".intro") 所有class=“intro” 的元素
$("p.intro") 所有class="intro" 的<p>元素
$("#intro") id="intro" 的第一个元素
$("ul > li") ul下的所有li节点
$("ul li:first")  每个<ul> 的第一个<li> 元素
$("ul li:first") 每个<ul> 的最后一个<li> 元素
$("[href$=‘.jpg‘]") 所有带有以".jpg" 结尾的href 属性的属性
$("div#intro .head") id="intro" 的<div> 元素中的所有class="head" 的元素
$(li[a:contains(‘Register‘)]")  内容包含Register的<a>元素
$("input[@name=bar]") name是bar的<input>元素
$("input[@type=radio][@checked]") type是radio的<input>元素
$(“li”).not(“ul”) li下没有包含ul节点的节点元素
$("span[@id]") 包含id属性的<span>元素
$("[@id=span1]")  id为span1的节点元素
$(this).find("a") 当前元素下的 所有a元素

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

以上是关于JQuery 选择器详解的主要内容,如果未能解决你的问题,请参考以下文章

详解JQuery框架的五大选择器

详解JQuery框架的五大选择器

Jquery 选择器 详解

详解Jquery选择器

详解JQuery框架的五大选择器

jquery选择器详解