JQuery第二章选择器

Posted 2020-12-30 hongjiaojiao

一.基本选择器

  基本选择器是jQuery最常用的选择器，也是最简单的选择器，通过元素id ，class 标签名称来查找DOM元素（在网页中iD只能使用一次，id也是唯一的，但是class允许重复使用的）

1.id选择器

　　用法：$("#id名称");   返回单个元素的组成的集合

2.class(类选择器)

　　用法：$(".class");  返回集合元素      class就是样式名称

3.element(标签选择器)

　　用法：$("span,p,div");  返回集合元素

4.*所有选择器

　　用法：$("*");   返回集合元素，匹配所有元素

二.层次选择器

   基础过滤选择器（也是最常用的过滤选择器）

　　　:not(select)   用法：$(input:not(select));    返回集合元素  说明：去除所有与给定选择器匹配的元素。有点类似于“非”

　　:first  找到第一个元素

　　:last  找到最后一个元素

　　:odd  匹配下标为基数的元素

　　:even  匹配下标为偶数的元素

　　:eq(下标)  匹配制定下标的元素

　　:gt(下标)  匹配索引值大于给定下标的元素（不包含本身）

　　:lt(下标)  匹配索引值小于给定小标的元素 （不包含本身）

 内容过滤选择器

　　:contains("文本内容")  匹配元素是否包含指定的文本的文本内容

　　:has(标签元素)  匹配含有选择器所匹配的元素的元素

　　:empty  匹配元素内容为空的元素

　　:parent  匹配含有子元素或者文本的元素

  属性过滤选择器

　　[attribute=value]:属性过滤选择器就是通过元素的属性来获取相应的元素

　　　　例如： $("input[name=‘chk‘]").attr("checked",true);  就是把name为chk的复选框的checked返回的是一个集合属性更改为true

  可见度过滤选择器

　　:hidden   筛选隐藏的元素(type="hidden",css:display="name")

　　:visible   筛选可见元素

  子元素过滤选择器

　　:nth-child(index/even/odd/equation)   注意：这里的索引值从1开始，而 eq是从0开始

　　:first-child  找到第一个子元素

　　:last-child  找到最后一个子元素

　　:only-child  匹配只有一个子元素的元素

  表单对象属性过滤选择器

　　:disabled  筛选不可用元素

　　:enabled  筛选可用元素

　　:checked  筛选被选中的复选框

　　:selected  筛选下拉框被选中的元素