当前位置:首页 > Web开发 > 正文

也是最简单的选择器

2024-03-31 Web开发

??今天回顾了之前学习的JQuery选择器,此刻简单的总结一下。

JQuery选择器类型

??主要分为四类

根基选择器

层级选择器

过滤选择器

表单选择器

根基选择器

??根基选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名等来查找DOM元素。在网页中,每个id名称只能用一次,class允许反复使用。

标签选择器??div { color:Red;}

ID选择器??#myDiv {color:Red;}

类选择器??.divClass {color:Red;}

儿女选择器(类选择器的儿女选择器)??.divClass span { color:Red;}

群组选择器??div,span,img {color:Red} ?? 即具有不异样式的标签分组显示

层级选择器

??如果想通过DOM元素之间的条理关系来获取特定的元素,例如儿女元素,子元素,相邻元素和兄弟元素等 大专栏  JQuery之选择器篇(一),那么条理选择器是一个非常好的选择。

儿女??$(“ancestor descendant”)??拔取ancestor元素里所有
descendant(儿女)元素

子元素 ?? $(“parent>child”) ??拔取parent元素下的child(子)元素

next元素 ??$(“prev+next”) ??拔取紧接在prev元素后的next元素

siblings元素 ??$(“prev~siblings”) ??拔取prev元素之后的所有siblings元素

?? 在条理选择器中,第1个和第2个对照常用,,而后面两个因为在jQuery里可以用越发简单的要领取代,所以使用的机率相对较少,可以用相应的要领取代。

??可以用next()要领来取代$(“prev+next”)选择器,即$(“.one+div”)与$(“.one”).next(“div”)等效

??可以用nextAll()要领来取代$(“prev~siblings”)选择器,即$(“.one~div”)与$(“.one”).nextAll(“div”)等效

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30723.html