JQuery

1. 基本选择器

  • 获取指定ID的元素
  • 类选择器 $(“.class”); 获取同一类class的元素
  • 标签选择器 $(“div”); 获取同一类标签的所有元素
  • 并集选择器 $(“div,p,li”); 使用逗号分隔,只要符合条件之一就可。获取所有的div、p、li元素
  • 交集选择器(标签指定式选择器) $(“div.redClass”); 注意选择器1和选择器2之间没有空格,class为redClass的div元素,注意区分后代选择器。

2. 层级选择器

  • 子代选择器 $(“ul>li”); 使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素
  • 后代选择器 $(“ul li”); 使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等

2.过滤选择器

  • :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。
  • :odd $(“li:odd”).css(“color”, ”red”); 获取到的li元素中,选择索引号为奇数的元素
  • :even $(“li:even”).css(“color”, ”red”); 获取到的li元素中,选择索引号为偶数的元素

3.筛选选择器

  • children(selector) (“ul”).children(“li”)相当于(“ul”).children(“li”) 相当于(ul).children(li)(“ul>li”),子类选择器
  • find(selector) (“ul”).find(“li”);相当于(“ul”).find(“li”); 相当于(ul).find(li);(“ul li”),后代选择器
  • siblings(selector) $(“#first”).siblings(“li”); 查找兄弟节点,不包括自己本身。
  • parent() $(“#first”).parent(); 查找父亲
  • eq(index) (“li”).eq(2);相当于(“li”).eq(2); 相当于(li).eq(2);(“li:eq(2)”),index从0开始
  • next() $(“li”).next() 找下一个兄弟
  • prev() $(“li”).prev() 找上一次兄弟
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值