热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jquery中的遍历函数each()的使用介绍

在之前的学习中,我们的聚焦始终在jquery的选择器上。今天我们暂时跳出选择器,来聊一个新东西。
在之前的学习中,我们的聚焦始终在jquery的选择器上。今天我们暂时跳出选择器,来聊一个新东西。
  大家应该已经知道,通过jquery选择器返回的元素往往不是一个,而是一个元素集合。如果我们需要对选择器的返回的元素集合逐一操作,该怎么办呢?这是我们就需要用到jquery中的each()函数。
  下面我们就利用一个小实例来,了解和学习jquery中的each()函数的使用方法。
  首先我们先来聊一下这个实例的需求:我们要构造一个复选框,当按下提交按钮时,需要将选中的复选框的值分别alert到屏幕上,下面我们来看代码:
 
 
 
 
 
 
 
 
 
 
john1
 
john2
 
john3
 
john4
 
john5
 
john6
 
 
 
  稍稍解释下上面的代码,我们首先通过[name='people_name[]'],选择了name=people_name[]的元素。接下来通过:checked,选择了checked=checked的元素。两个选择器配合返回的是一个元素集合。我们最后使用each(),遍历这些元素,alert了他们的值。

推荐阅读
author-avatar
小宇宇宙2502862273
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有