jquery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 html 元素进行选择。
jquery 元素选择器：jquery 使用 css 选择器来选取 html 元素。
$(p) 选取
元素。
$(p.intro) 选取所有 class=intro 的
元素。
$(p#demo) 选取 id=demo 的第一个
元素。
jquery 属性选择器 ：jquery 使用 xpath 表达式来选择带有给定属性的元素。
$([href]) 选取所有带有 href 属性的元素。
$([href='#']) 选取所有带有 href 值等于 # 的元素。
$([href!='#']) 选取所有带有 href 值不等于 # 的元素。
$([href$='.jpg']) 选取所有 href 值以 .jpg 结尾的元素。
选择器实例
语法描述
$(this) 当前 html 元素
$(p) 所有 元素
$(p.intro) 所有 class=intro 的 元素
$(.intro) 所有 class=intro 的元素
$(#intro) id=intro 的第一个元素
$(ul li:first) 每个 的第一个 元素
$([href$='.jpg']) 所有带有以 .jpg 结尾的属性值的 href 属性
$(div#intro .head) id=intro 的 元素中的所有 class=head 的元素
获取/设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容：
text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 html 标记） val() - 设置或返回表单字段的值 attr() - 设置事返回所选元素的属性值上面的四个 jquery 方法：text()、html()、val() 以及 attr()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
$(#btn1).click(function(){ $(#test1).text(function(i,origtext){ return old text: + origtext + new text: hello world ! (index: + i + ); //return newtext; });});