常用jq选择器和遍历的使用

时间:2022-03-23 03:56:28

1、jq的选择器,常用有哪些?

class

id

>

~

ul li a

2、遍历的使用(在使用用遍历节点时,我们的注意遍历在不传递参数(也就是传参),代表的是传递局部全局,也就是"*")?

2.1后代遍历

  例子:

$().children()

$().find()//后代选择遍历

2.2同级(兄弟级)遍历

$().prev()

$().prevAll()

$().nextAll()

$().next()

$().sibling()//这个挺有用的

2.3长辈级

$().parent()// 父级

$().parents()// 先祖级

$().closest()// 长辈级,我在测试时候,是必需传参

3为什么尽量使用遍历?

原因大概两点,第一点,在使用的选择器是,浏览器的解析速度慢于遍历(尤其是高级选择器的,有时候甚至慢于遍历70%);第二点,选择器的不够语义化,有些符号你根本记住不他的意思。