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;}