JQuery选择器

一.基本选择器:


1.交集(AB) 一个元素,必须保证AB两个属性同时具备。
$("input[name]").css("color", "red");
2.并集 (A,B,C) 满足任何一个逗号的分区都会被锁定
$("div,span").css("color", "red");
3.全局
$("*").css("color", "red"); html也是一个标签 * 也会锁定到它。

二. 层次选择器:同辈,子,后代,相邻

后代选择器 $("#menu span"?) 锁定的是ID为menu的一个元素中的span标签
$("#box span").css("color", "red"); 儿孙皆可,重孙也行


子选择器 parent>child 最终定位到的元素对象依然是child,儿子可以,孙子不行

--->选择用处?
.....>购物车
相邻元素选择器 prev+next 直接挨着
同辈元素选择器 prev~sibings 中间有其他元素间隔,也是OK的


三.属性选择器


[name]
$("[href]").css("color", "red");
[name=value]
$("[href=baidu.com]").css("color", "red");

[name^=value]
[name$=value]
[name*=value] 模糊查询


四.基本过滤选择器 : 选择我们需要的。冒号


$("#menu li:first")
li:last
li:eq(1)
li:gt(1)
li:lt(1)

li:even 偶数
li:odd 奇数

:header
:focus 锁定当前文档中获得焦点的对象
$("input").focus();

$("input").css("background","pink");

可见性过滤选择器
:visible
:hidden 所有display:none的元素,也可以选取到type=hidden的

$("[type=button]").click(function() {
$("input:hidden").show();
});

五.JQuery选择器注意事项

1.特殊符号的转义

  

2.获取这两元素的选择器

原文地址:https://www.cnblogs.com/fkx1/p/8892957.html