jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等

jQuery笔记合集
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业	jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery -第3次课-DOM操作元素属性-样式等-附资料、作业	jQuery DOM2-第4次课-从某个元素出发，往上下左右找祖先、后代、兄弟然后对其进行增删改-附资料作业笔记
jQuery事件1-第5次课-JQ的事件跟JS一样的作用，只是写法不一样-附案例、任务	jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务	jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业

1. jquery基本选择器

   选择器名字	语法	含义
   id选择器	$(“#id”)	选择了id名为id的元素（单个）
   类选择器	$(“.class”)	选择了所有class名为class的所有元素（集合）
   标签选择器	$(“p”)	选择了所有标签名为p的所有元素（集合）
   并列选择器	$(“#id1,#id2”)	选择了id名为id1和id2的2个元素 （集合）
   过滤选择器	$(“p.class”)	选择了类名为class的所有p元素（集合）

2. 关系选择器

   选择器名字	语法	含义
   后代选择器	$(“div p”)	选择所有的后代元素（集合）
   子代选择器	$(“div>p”)	选择所有的子代元素（集合）
   相邻元素选择器	$(“div+p”)	选择紧挨着的下一个元素
   兄弟选择器	$(“div~p”)	选择后面的所有的兄弟元素

3. 过滤选择器

   语法	含义
   :eq(index) 比如 $(“div”).eq(0)	选择第一个匹配的div元素，也可这样写：$(“div:eq(0)”)。
   :gt(index) 比如 $(“div”).gt(2)	选择序号大于2的元素，也可这样写：$(“div:gt(2)”)
   :lt(index) 比如 $(“div”).lt(2)	选择序号小于2的元素，也可这样写：$(“div:lt(2)”)
   :not(selector) 比如 $(“div:not(class)”)	选择不为class的div元素
   :odd 比如 $(“tr:odd”)	所有奇数 元素
   :even 比如 $(“tr:even”)	所有偶数 元素
   :first 比如 $(“p:first”)	第一个 元素
   :last 比如 $(“p:last”)	最后一个元素

4. 属性选择器-跟CSS通用

   语法	含义
   [attribute] 比如 $(“[href]”)	所有带有 href 属性的元素
   [attribute=value] 比如 $(“[href=‘#’]”)	所有 href 属性的值等于"#"的元素
   [attribute!=value] 比如 $(“[href!=‘#’]”)	所有 href 属性的值不等于"#"的元素
   [attribute$=value] 比如 $("[href$=‘.jpg’]")	所有 href 属性的值包含以".jpg"结尾的元素
   [attribute^=value] 比如 $(“[class^=‘li’]”)	所有 class 属性的值包含以"li"开头的元素
   [attribute*=value] 比如 $(“[class*=‘li’]”)	所有 class 属性的值包含"li"的元素

5. 表单选择器(JQ特有)

   语法	举例	含义
   :input	$(“:input”)	选取所有的input、textarea、button、select元素
   :text	$(“:text”)	选取所有的单行文本框
   :password	$(“:password”)	选取所有的密码框
   :radio	$(“:radio”)	选取所有的单选框
   :checkbox	$(“:checkbox”)	选取所有的多选框
   :submit	$(“:submit”)	选取所有的提交按钮
   :image	$(“:image”)	选取所有的图像按钮
   :reset	$(“:reset”)	选取所有的重置按钮
   :button	$(“:button”)	选取所有的按钮
   :file	$(“:file”)	选取所有的上传域
   :hidden	$(“:hidden”)	选取所有的不可见元素
   :focus	$(“:focus”)	选取当前获取焦点的元素
   :header	$(“:header”)	選取h1~h6标题标签

6. jQuery特有选择器

   语法	含义
   $(“div”).filter(“.box”)	选取含有指定选择器的div元素，也就是选择的是div，在div范围内包含了指定的选择器的该div都能被选择(过滤自己)
   $(“div”).find(“.box”)	选取在div元素内，所有包含了指定的选择器（“.box”）的元素都能被选择（通过父级找子元素时使用，等价于后代选择器）
   $(“div:contains(‘text’)”)	选取包含指定文本的元素
   $(“div”).has(选择器)	选取含有指定选择器的div元素，选的也是div,而不是“选择器”

//比如：
$("ul").has(".box");//返回ul中为.box的ul元素

案例笔记作业下载链接：https://www.imqd.cn/jquery-selector.html