JQ

122 阅读1分钟

jQuery基本选择器

$("选择器") // 里面选择器直接写css选择器即可,但是要加引号

名称用法描述
ID选择器$("#id")获取指定ID的元素
全选选择器$("*")匹配所有元素
类选择器$(".classd")获取同意了class的元素
标签选择器$("idv")获取同一类标签所有元素
并集选择器$("div.p.li")获取多个元素
交集选择器$("li.current")交集元素
子代选择器$("ul>li")获取ul里面的亲儿子 不会获取孙元素
后代选择器$("ul li")获取ul里面所有的后代
Query层次选择器
`// 1.选中ul下所有的span         // $('ul span').css('background', 'yellow');         //
2.选中ul中所有的子元素span         // $('ul>span').css('background', 'yellow');         //
3.选中class为box的下一个li         // $('.box+li').css('background', 'yellow');         //
4.选中ul下的class为box的元素后面的所有兄弟元素(不包括box本身)         // (′ul.box ′).css(′background′,′yellow′);    //('ul .box~').css('background', 'yellow');         // (′ul.box ′).css(′background′,′yellow′);    //('ul .box~*').css('background', 'yellow');`


作者:超级魔鬼筋肉人
链接:juejin.cn/post/705405… 来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。