1、内容选择器:
1):contains(text):匹配包含给定文本的元素
将含有two的div背景变为绿色
$("div:contains(two)").css("background","green");
2):empty:匹配所有不包含子元素或者文本的空元素
将不含有子元素或文本的空元素背景变为绿色
$("div:empty").css("background","green");
3):has(selector):匹配含有选择器所匹配的元素的元素
将含有span的div背景变为绿色
$("div:has(span)").css("background","green");
4):parent:匹配所有的子元素或文本的元素
将含有子元素(或者文本内容)的div背景变为绿色
$("div:parent").css("background","green");
2、可见性选择器:
1)、hidden:匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到 隐藏的元素也可以用show()显示出来;
2)、visible:匹配所有的可见元素
2、属性选择器:
1)、选中拥有属性id的div元素 $('div[id]')
2)、选取拥有title等于str值的div元素 $('div[title='nihao']')
3)、选取拥有title不等于str值的div元素 $('div[title!='nihao']')
4)、选取拥有title属性以str值为开头的div元素 $('div[title^='nihao']')
5)、选取拥有title属性以str值为结尾的div元素 $('div[title$='nihao']')
6)、选取拥有title属性包含str值的div元素 $('div[title*='nihao']')
7)、选取选中class等于cc,id=one的元素 多个属性限制这样弄 $('div[class=cc][id=one]')
格式1: $("div").each(function (i){
alert(this.value);
});
解析:
i : 这里的i为数组下标从0开始,到数组的长度
this : this 表示该jquery返回的对象,但是该对象不是jquery对象而是domduixiang
格式2:
$('input').each(function (index,dom){
alert(index+dom.value);
index==i
dom=this
});
格式3:
var input = $("input:hidden");
只不过这里的each遍历的是这个input数组
$.each(input,function (index,domEle){
alert($(domEle).val());
});