jQuery三种常见选择器

什么是jQuery选择器

jQuery选择器允许您对DOM元素组或单个DOM节点进行操作，通过它可以准确地选取您希望应用效果的元素。

jQuery元素选择器

jQuery使用CSS选择器来选取 HTML 元素。

$("p")选取<p>元素。

$("p.intro")选取所有class="intro"的<p>元素。

$("p#demo")选取所有id="demo"的<p>元素。

jQuery属性选择器

jQuery使用XPath 表达式来选择带有给定属性的元素。

$("[href]")选取所有带有href属性的元素。

$("[href='#']")选取所有带有href值等于"#"的元素。

$("[href!='#']")选取所有带有href值不等于"#"的元素。

$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。

jQuery CSS选择器

jQuery CSS选择器可用于改变HTML元素的CSS属性。

下面的例子把所有p元素的背景颜色更改为红色：

实例

$("p").css("background-color","red");

本文内容来源：http://www.w3school.com.cn/jquery/jquery_selectors.asp