jQ常用选择器

时间:2023-12-27 08:57:43

#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后面所有同辈标签: