jQ常用选择器

Posted 骚年上天不?

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQ常用选择器相关的知识,希望对你有一定的参考价值。

#id:    $(‘#div‘); //查找id=‘div‘;

.class: $(‘.myclass‘); //查找class=‘myclass‘;?

element:用于搜索的元素,指向DOM节点的标签名:   $(‘div‘); //?查找div元素

selector: 用于获取多个元素标签 : $(‘div,p,span‘);//查找元素div span p

:nth-child(n):获取后代第n个标签:?

$(‘#wrap  :nth-child(2)‘);//获取#wrap下的第2个子标签(注意:$(‘#wrap:nth-child(2)‘);中间不加空格则表示获取同代第2个标签)

:first-child\:last-child: 获取后代第一个\最后一个子标签:

$(‘#wrap  :first\last-child‘);//获取#wrap下第一个\最后一个子标签  中间没有空格隔开代表获取同代第一个\最后一个标签;

elem+next:  获取elem下一个同辈标签:

$(‘.li1+li‘)?;//获取.li1后面的紧跟的同辈标签

prev~sibing: 获取prev后面所有同辈标签:

以上是关于jQ常用选择器的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-强大的jq选择器和基本操作。

jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq

JQ选择器总结

jq框架封装学习笔记1-框架介绍与选择器框架

学习04-jq(jq的使用,jq的入口函数,jq与DOM的转换,基本选择器,层级选择器,设置样式,筛选选择器,筛选方法)

jq选择器归类