首页 > 代码库 > jQuery 选择器

jQuery 选择器

jQuery选择器学习笔记

 

当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

1 $(document).ready(function(){2   …3 });

jQuery还提供了一种更简洁的书写方式

1 $(function(){2   …3 });

 

基本选择器

 

$("#id名称")    返回id为id名称的jQuery对象

$("标签")    返回包含所有该标签的一个jQuery对象数组

$(".类名名称")    返回使用该类名名称的所有标签的一个jQuery数组

$("*")    匹配所以页面所有元素,返回一个jQuery数组

$("选择器1,选择器2,选择器3")    匹配所有满足选择器1或选择器2或选择器3的元素,返回jQuery数组

 

层次选择器

 

父元素 子元素    返回父元素中的子元素

父元素>子元素    匹配所有上级元素为父元素的子元素

选择器1+选择器2    匹配选择器一同级之后紧邻的选择器2元素

选择器1~选择器2    匹配匹配选择器1同级之后的选择器2元素

 

基本滤镜选择器

 

:first,匹配第一个元素

:last,匹配最后一个元素

 

:even,从匹配的元素中取序数为偶数的元素

:odd,从匹配的元素中取序数为奇数的元素

 

:eq(index),从匹配的元素中取第index个元素

:gt(index),从匹配的元素中取序数大于index的元素

:lt(index),从匹配的元素中取序数小于index的元素

 

:empty,匹配所有没有子元素或文本的空元素

:parent,匹配包含子元素或文本的所有元素

 

:hidden,匹配所有不可见的元素

:visible,匹配所有非隐藏的元素

 

:header,匹配所有标题元素

:contains(text),匹配所有含有text文本的元素

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

:not(选择器),匹配不满足选择器的元素

:has,匹配包含满足选择器的元素

 

表单滤镜选择器

 

:input    匹配所有的input,textarea,select,button

:text    匹配文本域

:password    匹配密码域

:radiio    匹配单选按钮

:checkbos    匹配复选框

:submit    匹配提交按钮

:image    匹配图像域

:reset    匹配重置按钮

:button    匹配按钮

:file    匹配文件域

:enabled    匹配可用的元素

:disabled    匹配所有禁用的元素

:checked    匹配所有被选中的表单

:selected    匹配所有选择的表单

jQuery 选择器