一次性获取多个元素,然后循环进行处理,这样的操作在js中非常普遍,为了简化这类操作,jquery横空出世,
下面我们用jQuery来快速改写一下,体验一下jQuery带来了的,前所未有的酸爽感觉
首先我们要导入一个jQuery,这里我先用cdn快速导入jquery函数库,演示一下
$('li:nth-child(4) ~ *').css({'background-color':'orangered','color':'white'})
//同时处理多个元素,你会发现只有第5个背景发生变化,这是为什么呢?
//尽管选择器li:nth-child(4)~*选择了多个元素,但是querySelector()中会返回一个,所以只返回了符合条件的第一个元素
// document.querySelector('li:nth-child(4) ~ *').style.backgroundColor = 'lightgreen'
//如何才能获取到所有符合选择器条件的元素呢?需要使用querySelectorAll()方法
//因为返回的是一个元素集合(数组),我们需要用循环来完成这个操作
var balls = document.querySelectorAll('li:nth-child(4) ~ *')
alert(balls.length)
for (var i=0; i
1.jQuery的基本工作原理
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
