$(选择器).html,jQuery - 选择器使用详解（附样例）

^$符号和正则表达式的开始结束符号表示的含义是一致的，* 模糊匹配，类似于 sql 中的like '%str%'。

$('a[title^="hangge"]') //所有title以“hangge”开头的a标签

$('a[title$="hangge"]') //所有title以“hangge”结尾的a标签

$('a[title*="hangge"]') //所有title中包含“hangge”的a标签

4，[selector1][selector2](复合型属性过滤器，同时满足多个条件)

$('a[title^="hangge"][class="weblink"]') //所有title以“hangge”开头，且class="weblink"的a标签

七、子元素过滤选择器

1，:first-child 和 :last-child(获取第一个或最后一个子元素合并后的集合)

注意 :fisrst 和:last返回的都是单个元素，而 :first-child 和 :last-child 返回的都是集合元素。

比如 div:first返回的是整个 DOM 文档中第一个 div 元素，而div:first-child是返回所有每个 div 元素下的第一个元素合并后的集合。

hangge.com

$(document).ready(function(){

$('div:first-child').each(function() {

alert($(this).html());

//alert会弹三次，分别是：

//

//

//空

});

});

2，:only-child(表示当某个元素有且仅有一个子元素)

上面的样例改成 :only-child，alert 同样会弹三次。

$('div:only-child').each(function() {

alert($(this).html());

//alert会弹三次，分别是：

//

//

//空

});

3，:nth-child(获取第n个子元素)

注意这里的 n 是从 1 开始的。上面的样例改成 :nth-child(1)，alert 同样会弹三次。

$('div:nth-child(1)').each(function() {

alert($(this).html());

//alert会弹三次，分别是：

//

//

//空

});

除了 :nth-child(x)，还有 :nth-child(even) 和 :nth-child(odd)。

$('tr:nth-child(even)').css('background', '#FF0000');// 偶数行背景红色

$('tr:nth-child(odd)').css('background', '#0000FF'); // 奇数行背景蓝色

八、表单对象属性过滤选择器

1，:enabled 和 :disabled(取可用或不可用元素)

其匹配范围包括 input, select, textarea。

$(':enabled') //所有可用的表单组件

$(':disabled') //所有不可用的表单组件

2，:checked(获取选中的单选框或复选框元素)

$(':checked') //所有选中的单选框、复选框

3，:selected(取下拉列表被选中的元素)

$(':selected').val(); //获取下拉列表选中项的值

九、表单选择器

1，:input(获取 input、textarea、select、button 元素)

$(':input') //获取所有的input元素

2，:text(获取单行文本框元素)

$(':text') //获取所有的单行文本输入框

$('input[type=text]') //上面等效于这个

3，:password(获取密码框元素)

$(':password') //获取所有的密码输入框

$('input[type=password]') //上面等效于这个

4，:radio(获取单选框元素)

$(':radio') //获取所有的单选框

$('input[type=radio]') //上面等效于这个

5，:checkbox(获取所有的复选框)

6，:image(获取所有的图像按钮)

7，:reset(获取所有的重置按钮)

8，:button(获取所有的按钮)

9，:file(获取所有的上传控件)

10，:hidden(获取所有的不可见元素)