首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Jquery简略入门到精通细节 - (三) Jquery的选择器

2013-07-08 
Jquery简单入门到精通细节 - (三) Jquery的选择器$(p#demo) 选取所有 iddemo 的 p 元素。?jQuery 属

Jquery简单入门到精通细节 - (三) Jquery的选择器

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

?

jQuery 属性选择器

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

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

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

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

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

WS: 属性选择器的标志是使用中括号

?

jQuery CSS 选择器

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

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

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

亲自试一试

?

更多的选择器实例$(".intro")所有 的元素$("#intro")id="intro" 的第一个元素$("ul li:first")每个 <ul> 的第一个 <li> 元素$("[href$='.jpg']")所有带有以 ".jpg" 结尾的属性值的 href 属性$("div#intro .head")id="intro" 的 <div> 元素中的所有 的元素

?

热点排行