jquery中遍历方法each示例

jquery中遍历方法each示例如下:






无标题文档



    

each方法

  • list item 1
  • list item 2
  • list item 3
  • list item 4
  • list item 5
  • list item 6

浏览器中初始显示效果:

jquery中遍历方法each示例_第1张图片

点击button1,显示效果:

jquery中遍历方法each示例_第2张图片

点击button2,显示效果:

jquery中遍历方法each示例_第3张图片

三个重点:
each是一个for循环的包装迭代器
each通过回调的方式处理,并且会有2个固定的实参,索引与元素
each回调方法中的this指向当前迭代的dom元素

 

 

你可能感兴趣的:(jQuery,JavaScript)