JQurey 常用选择器

常用内容过滤选择器

-:contains(text):匹配包含给定文本的元素
-:empty:匹配所有不包含子元素或者文本的空元素
-:has(selector):匹配含有选择器所匹配元素的元素
-:parent:选取含有子元素或者文本的元素

常见的可见性过滤选择器

-:hidden:选取所有不可见的元素
-:visible:选取所有可见的元素

常用的属性过滤器

-[attribute]:选取拥有此属性的元素
-[attribute=value]:选取属性值等于value的元素
-[attribute!=value]:选取属性值不等于value的元素
-[attribute^=value]:选取属性值以value开始的元素
-[attribute$=value]:选取属性值以value结束的元素
-[attribute*=value]:选取属性值包含value的元素
-[attribute~=value]:选取属性值包含value并以空格隔开的元素
-[attribute1][attribute2]…:多个属性选择器合并成一个符合属性选择器

常用子元素过滤选择器

-:first-child:选取每个父元素下的第一个子元素
-:first-of-type:选取同名兄妹节点的第一个子元素的所有元素
-:last-child:选取每个父元素的最后一个子元素
-:last-of-type:选取同名兄妹节点的最后一个子元素的所有元素
-:only-child:选取父元素中具有唯一的子元素的所有元素
-:only-of-type:选取前后没有同名兄妹节点的子元素的所有元素
-:nth-child(index/odd/even):选取每个父元素下的第index个子元素或奇偶元素
-:nth-last-child(index/odd/even):选取每个父元素下的第index个子元素,从最后一个网向一个数

常用的表单选择器

-:input:选取所有< input > ,< textarea >,< select >,< button >元素
-:text:选取所有单行文本框
-:password:选取所有密码框
-:radio:选取所有单选按钮
-:checkbox:选取所有复选框
-:submit:选取所有提交按钮
-:image:选取所有图像按钮
-:reset:选取所有重置按钮
-:button:选取所有按钮
-:file:选取所有上传域

常用的表单对象属性过滤选择器

-:disable:选取所有不可用元素
-:enable:选取所有可用元素
-:checked:选取所有被选中元素(单选框,复选框)
-:selected:选取所有被选中的选项元素(下拉列表框)

选择器中含有空格的注意事项:
var t1= t 1 = (.test :hidden) //选取class为“test”的元素内的所有隐藏元素
var t2= t 2 = (.test:hidden) //选取隐藏的class为“test”的元素

你可能感兴趣的:(JQuery)