jQuery选择器

jQuery选择器:

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");

css选择器：（没有jQuery中的css选择器）

元素选择器

1，派生选择器（也叫后代选择器或者包含选择器）

对 h1 元素中的 em 元素应用样式，可以这样写：

h1 em {color:red;}

2，id选择器

3，类选择器

4，子元素选择器

选择只作为 h1 元素子元素的 strong 元素，可以这样写：

h1 > strong {color:red;}

5，相邻兄弟选择器

h1 + p {margin-top:50px;}

这个选择器读作：“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。

属性选择器

把包含标题（title）的所有元素变为红色，可以写作：

*[title] {color:red;}