jquery第三章知识梳理

一.基本选择器
1.ID选择器
特点：最快，尽量使用id选择器。
作用：返回匹配id属性值的所有元素。
用法:KaTeX parse error: Expected 'EOF', got '#' at position 4: (‘’#̲myDIV’)。 说明：返回H…(“elementName”).
说明：返回HTML页面中元素为elementName的所有元素。
3.类名选择器：
作用：返回匹配class属性值的所有元素。
用法：$(“.className”)。说明：返回HTML页面中class为className的所有元素。4.复合选择器：复合选择器，即所有选择器的合集。将每一个选择匹配到的元素合并后一起返回。5.通配符选择器：作用：返回当前HTML页面的所有元素。用法：$(“*”)
说明：返回HTML页面中的所有元素。

二.层次选择器
1.ancestor descendant选择器
选取ancenstor元素中所有descendant（后代）元素，不仅仅是直接子元素
$(“div span”)选取

里的所有 元素
2. parent>child选择器
选取parent元素下的child（子）元素，直接子元素，例如：不包括子元素中的子元素
$(“div>span”)选取

元素下名为 的元素
3. prev+next选择器
选取紧接在prev元素后的next元素
$(".one+div")选取class为one的下一个

元素
4. prev~siblings选择器
选取prev元素之后所有siblings元素
$("#two~div")选取id为two的元素后面的所有

同辈与阿奴
三．过滤选择器

1. 内容过滤器
   $(‘:contains(“百度”)’)
   选取含有”百度”文本的元素
   $(‘:empty’)
   选取不包含子元素或空文本的元素
   $(‘:has(select)’)

选取含有该select选择器的元素(必须是父元素上调用,返回的是父元素)
$(‘:parent’)
选取含有子元素或文本的元素
has()
jQuery提供了一个has()方法作用等同has过滤器
jQuery提供了parent相关方法,但与过滤器含义不等同
parent()
选择当前元素的父元素
parents()
选择当前元素的祖先元素(包括父元素)
parentsUntil()
选择当前元素的祖先元素,遇到指定元素则停止
2. 可见性过滤器
$(‘:hidden’)
选取所有不可见元素
$(‘:visible’)
选取所有可见元素
hidden过滤器一般是包含样式为display:none。input表单类型为hidden
设置了visibility:hidden的元素,虽然其在物理上是不可见的,但却保留了物理空间,因此该算是可见元素
3. 子元素过滤器
（注意:子元素过滤器查找的该元素是作为第几个孩子元素,返回是该元素也就是孩子）
$(‘li:first-child’)
查找li作为第一个孩子的元素
$(‘li:last-child’)
获取li的父元素的最后一个子元素
$(‘li:only-child’)
获取只有一个子元素的元素
$(‘li:nth-child(even/odd/index)’)
获取li是偶数/奇数/索引的子元素(索引从1开始)
四．表单元素选择器
:input
:input选择器选择input、textarea、select和button元素　　
:text
:text选择器选择所有的单行文本框　
:password
:password选择器选择所有的密码框
:radio
:radio选择器选择所有的单选框
:checkbox
:checkbox选择器选择所有的多选框
:submit
:submit选择器选择所有的提交按钮
:image
:image选择器选择所有的图像按钮
:reset
:reset选择器选择所有的重置按钮
:button
:button选择器选择所有的按钮
:file
:file选择器选择所有的文件上传域