jQuery 选择器

Posted 2020-09-30 阿轩的BLOG

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　　　　匹配所有选择的表单