层级选择器(基础)+基本选择器

ancestor descendant 后代选择器 :在给定的祖先元素下匹配所有的后代元素
parent > child 子元素选择器:在给定的父元素下匹配所有的子元素 
prev + next 相邻元素选择器:匹配所有紧接在 
prev 元素后的 next 元素 
prev ~ sibings 之后的兄弟元素选择器:匹配 prev 元素之后的所有 siblings 元素

$(“ancestor descendant”)后代选择器

ancestor descendant 后代选择器 :在给定的祖先元素下匹配所有的后代元素
语法:$("ancestor descendant")

ancestor是祖辈或者父辈的标签或者属性,descendant是后代的标签或者属性层级选择器(基础)+基本选择器_第1张图片

$(“父>子”)选择器

语法:$("father>son")
选择指定父元素的子元素
后代选择器类似,不过这个只能用于父子之间,不能跨越父子关系
层级选择器(基础)+基本选择器_第2张图片
当然,这里,父子不仅可以为标签也可为属性,如#id,.class…

$(“兄弟+兄弟”)选择器

选择指定元素指定的且紧挨着的兄弟元素
语法:$("兄+兄")
层级选择器(基础)+基本选择器_第3张图片
不能选到自己的后代,同时,指定的限制条件可以为属性

$(“兄~兄”)选择器

选择元素的所有指定兄弟元素
语法:$("兄~兄")
层级选择器(基础)+基本选择器_第4张图片
可以用兄弟元素的属性,不一定非为标签,而且这个不用紧挨着

基本选择器

层级选择器(基础)+基本选择器_第5张图片
#ID选择器:($("#id"))根据 id 查找标签对象

.class选择器:($(".class"))根据 class 查找标签对象

element选择器:($("element"))根据标签名查找标签对象 (element表示元素也就是标签)

* 选择器:($("*"))表示任意的,所有的元素

selector1,selector2组合选择器:将每种选择器匹配到的元素合并后一起返回,即返回一个包含所有dom对象的数组。(("element,#id,.class"))合并选择器 1(element选择器)和选择器 2(#id选择器)和(.class选择器) 的结果并返回


还可$(选择器1选择器2...)来选择可以匹配这里面所有选择器的元素,选择器间紧挨着,当然如果其中选择器中有element则·其必须写在开头不然会出错,这一疙瘩的整个选择器也可放在组合选择器里面当做一个选择器来用

你可能感兴趣的:(jQuery笔记,jquery,1024程序员节)