jquery 选择器-4-3. jQuery 选择器(联合选择器、反向选择器、jQuery 扩展选择器)

5) 联合选择器

,..


$(function () {
    alert($('div,p,a,.class1').length); //选取了5个选择器
});

6) 反选择器

:not(selector) 选择与指定选择器不匹配的元素


$(function () {
    alert($('div:not(.class2)').length); //3
});

7) jQuery 扩展选择器

上面是css本身提供的选择器。 为了满足更复杂的需求,

jQuery还支持一些额外的选择器,这不仅给我们带来了方便,而且可以实现更精细的控制。

:animated 匹配所有正在执行动画效果的元素

:contains(text) 如果指定的文本包含在元素或后代元素中,则将被选中


$(function () {
    alert($('div:contains("ROBIN.FANG")').length);//2,包含ROBIN.FANG的选择器都要被选中
    $(':contains("ROBIN.FANG")').css('background','pink');
});

ROBIN.FANG

ROBIN.FANG

:eq(n) 选择第n个元素(从0开始计数)

:first 选择第一个匹配元素

:last 选择最后一个匹配元素

:lt(n) 选择序号大于n的所有元素(从0开始计数)

:gt(n) 选择序号小于n(从0开始计数)的所有元素

:odd 选择所有偶数元素(从0开始计数)

:even 选择所有素数元素(从0开始计数)

:has(selector) 匹配包含选择器匹配的元素的元素

: 表单文本,匹配所有单行文本框

:button 匹配所有按钮(输入标签类型为按钮和标签)

:表单的复选框,选择所有复选框(匹配所有复选框)

:file在表单中使用,选择所有文件上传输入框

:表单的输入jquery 选择器,选择所有输入元素(匹配所有输入、文本区域、选择和按钮元素)

:password 用于表单中,选择所有密码输入框

:radio for formsjquery 选择器,选择所有单选框

:submit 用于表单,选择所有表单提交按钮

: 表单的图像,匹配所有图像字段

:reset for form,选择所有表单重置按钮

:为表单选择,匹配所有选定的选项元素

:header 匹配 h1、h2、h3 等标题元素

:hidden 选择所有隐藏文件

:visible 选择所有可见元素

:parent 匹配具有丰富子元素或文本的元素