首页 > 代码库 > 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 选择器