在JavaScript中，如果需求对多个元素重复进行同样的操作，就需要写一个循环来遍历选中的所有元素。
在jQuery中，当选择器返回了多个元素时，可以使用一个方法来更新所有的元素，不再需要使用循环。
示例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>理解选取更新范围</title> <style> .box{ border: 1px solid blueviolet; padding: 1px; margin-bottom: 12px; } </style> </head> <body> <div> <ul id="ul"> <li id="a">油条</li> <li id="b">包子</li> <li id="c">米饺</li> <li id="d"><a>鱼粉</a></li> </ul> </div> <script> $('li').attr("class", "box"); </script> </body></html> |