jquery选择器

1、层次选择器

 1.1 后代选择器：

$("divp")相当于$(“div”).find(“p”)选择div中所有的p标签（包含子孙）

 1.2 子选择器:

$("div>p")相当于$(“div”).children(“p”)选择div中子元素为p的标签

 1.3 相邻兄弟选择器:

$("div+p")相当于$(“div”).next(“p”)，选择div相邻的p标签，$(“div”).next()，选择div相邻的标签

 1.4 通用兄弟选择器：

$("divp")选择div后边的所有同辈p标签，$(“div”).sibings(“p”),选择div的所有同辈p标签

2、过滤选择器

 2.1 :first

选择第一个元素
div:first 选择第一个div标签

 2.2 :last

选择最后一个元素

 2.3 :eq(index)

选择索引为index的元素，所用从0开始

 2.4 :gt(index)

选择索引大于Index的元素，

 2.5 :lt(index)

选择索引小于Index的元素

 2.6 :even

选择偶数行

 2.7 :odd

选择奇数行

 2.8 :not(选择器)

选择不符合选择器条件的元素

 2.9 :header

选择标题元素h1~h6

 2.10 :focus

选取当前获取焦点的元素

 2.11 :animated

选取当前所有动画的元素

3、jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$(“p”) 选取

元素。

$(“p.intro”) 选取所有 class=“intro” 的

元素。

$(“p#demo”) 选取所有 id=“demo” 的

元素。

4、jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href=’#’]") 选取所有带有 href 值等于 “#” 的元素。

$("[href!=’#’]") 选取所有带有 href 值不等于 “#” 的元素。

$("[href$=’.jpg’]") 选取所有 href 值以 “.jpg” 结尾的元素。

jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色：

$("p").css("background-color","red");

以下转自https://blog.csdn.net/millet_handsomes/article/details/90067802?utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs&dist_request_id=1328769.123.16172715605441955&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.baidujs

$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");//返回class为mui-content的父节点
$("#test1").children(); // 全部子节点
$("#test1").children("#test1"); //返回id为test1的子节点
$("#test1").contents(); // 返回id为test里面的所有内容，包括节点和文本
$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本
$("#test1").prev();  // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2"); //返回id为test2的兄弟节点
$("#test").find("#test1"); 选中id为test后代中 id为test1的节点

注意上面的方法 返回的是jquery 集合 需要继续用jq的方法操作或取值
如果想要转为dom 直接操作的只需要 取它的下标即可 
如: $("#test1").parent()[0] 返回的就是dom节点