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 匹配具有丰富子元素或文本的元素
发表评论