- 浏览: 498995 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
jquery的$().each,$.each的区别与详解
$().each
对匹配上的每个DOM对象调用一个处理(函数)
$().each,对于这个方法,在dom处理上面用的较多
如:
$(“input[name=’ch’]”).each(function(i){ if($(this).attr(‘checked’)==true) { //一些操作代码 }
$.each()
用于遍历一个对象
遍历一个数组
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n) { alert(“索引:”+i,”对应值为:”+n.name); });
参数i为遍历索引值,n为当前的遍历对象(数组里的一个子项).
也可以用i作为下标进行访问
var arr1 = [ “one”, “two”, “three”, “four”, “five” ]; $.each(arr1, function(){ alert(this); });
遍历每一个数组项:
输出:one two three four five
var arr1 = ["one", "two", "three", "four", "five"]; $.each(arr1, function (i,n) { alert(i); alert(arr1[i]); });
遍历每一个数组项:
输出:one two three four five
i为遍历索引值
n为数组项
var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] $.each(arr2, function(i, item){ alert(item[0]); });
i为遍历索引值
item为二维数组里的一个子项(一维数组)
输出:1 4 7
var obj = { one:1, two:2, three:3, four:4, five:5 }; $.each(obj, function(key, val) { alert(obj[key]); });
key为对象里(key/value)里的key
val为对象里(key/value)里的value
参考原文:http://www.frontopen.com/1394.html
发表评论
-
定时调用函数功能实现
2021-06-11 10:26 1107<html> <head> & ... -
uniApiJs
2021-06-08 18:04 0//获取当前的地理位置、速度 function getLoca ... -
百度人脸识别
2021-05-21 16:11 366package com.gaojinsoft.htwy.y20 ... -
点击DIV触发上传文件的方法
2021-05-20 14:11 1207<div Style="float:left ... -
前端格式化工具与检测工具选择与使用
2021-05-10 20:26 732//工具安装前的准备与 ... -
indexedDb TEST
2021-03-24 08:36 512<!DOCTYPE html> <html& ... -
defineProperty Array push 监听
2020-10-31 15:16 466<!DOCTYPE html> <html ... -
weuiJsLayer.js
2020-07-24 09:56 274var weuiJsAlterMap = {}; f ... -
dataViewCommonJs
2020-05-09 17:00 360// var _elementIdToDataMap={} ... -
editorconfig配置
2020-03-28 20:36 469# https://editorconfig.org root ... -
commonJs
2020-03-26 21:25 365//本包使用需要先引入jquery //获取数组中的重复元素 ... -
setFormData
2019-12-20 22:30 0function setFormData(selector,d ... -
高德地图获取地址
2019-09-11 14:42 510高德帐号 135704744 <!doctype ... -
前端实现从剪贴板中获取数据
2019-05-16 14:01 1477//绑定在了body上,也可以绑定在其他可用元素行,但是不是所 ... -
js prototype原理与使用
2018-08-14 15:59 775js prototype原理与使用 prototype 使您 ... -
JS过滤树数据
2018-07-02 16:45 1025<!DOCTYPE html> <html ... -
javascript匿名函数与闭包
2016-09-27 14:10 432javascript匿名函数与闭包 ... -
JavaScript 作用域和作用域链
2016-09-27 09:08 523JavaScript 作用域和作用域链 JavaScrip ... -
Javascript函数
2016-09-28 15:00 504Javascript函数 定义函数 使用function关 ... -
Javascript执行步骤与顺序
2016-09-26 01:09 416Javascript执行步骤与顺序 1.JavaScript ...
相关推荐
在 jQuery 中,$.each 函数是一个非常强大的工具,它允许开发者遍历对象或者数组,并对每个元素执行指定的操作。$.each 函数既可以处理 JavaScript 的数组和对象,也可以处理 jQuery 对象,如通过选择器获取的元素...
另外,与$.each不同,如果你在$(selector).each()的回调函数中返回false,它将会停止进一步遍历,这在某种程度上类似于在for循环中使用break语句。 在实际应用中,如果你需要遍历的是DOM元素,那么$(selector).each...
在jQuery中,`$().each()` 和 `$.each()` 是两种常见的遍历方法,它们用于处理不同的数据结构,包括DOM元素集合、数组和JSON对象。接下来我们将深入探讨这两种方法的用法及其区别。 首先,`$().each()` 主要用于...
此外,还包括了基本的DOM遍历方法,如$.each(),以及数据绑定和获取($.data()和$.fn.data())。 **第二部分:DOM(文档对象模型)** 这部分主要介绍如何利用jQuery操作DOM元素,如添加、删除和复制元素,以及修改...
4. 遍历与迭代:$.each()方法提供了遍历对象或数组的能力,可以方便地进行循环操作。 5. 条件判断:$.if()和$.switch()模拟了条件语句,使得JavaScript代码更接近自然语言,易于理解和维护。 6. 数组和对象操作:$...
1. DOM操作:jQuery提供了一系列方法用于元素的增删改查,如$.append()(添加内容到末尾)、$.prepend()(添加内容到开头)、$.remove()(删除元素)和$.html()(设置或获取元素内容)。 2. 属性操作:使用$.attr()...
两种调用方式`$.each()`和`jQuery对象.each()`本质上是相同的,只是后者更加直观,直接在jQuery对象上调用。 在jQuery源码中,`each()`函数的实现允许我们对数组或对象进行自定义操作,同时提供了中断循环的能力。...
jQuery还提供了一些实用的工具方法,如$.each()用于遍历数组或对象,$.trim()用于去除字符串首尾的空白,$.inArray()检查元素是否在数组中,$.grep()过滤数组等。 总之,jQuery API CHM文件是开发者学习jQuery的...
- **$.each()**:遍历对象或数组,执行回调函数。 - **$.ajaxSetup()**:设置全局Ajax选项。 - **$.getScript()**:异步加载并执行JavaScript脚本。 - **$.getJSON()**:获取JSON数据。 - **$.param()**:序列化表单...
离线的HTML版本的jQuery手册不仅包含了这些基础知识,还可能包含高级用法、API详解、示例代码和常见问题解答等内容,帮助开发者快速查找和解决问题。无论你是jQuery新手还是资深开发者,这个手册都能成为你不可或缺...
《jQuery 1.7.1 API详解与应用实践》 jQuery是JavaScript库的杰出代表,以其简洁易用的API和强大的功能深受开发者喜爱。这里我们主要聚焦于jQuery 1.7.1版本,该版本在当时是jQuery的一个重要里程碑,引入了一些...
《jQuery插件开发详解》 在Web开发领域,jQuery是一个广泛应用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作等任务。jQuery插件是jQuery生态系统的重要组成部分,它们扩展了jQuery的核心...
遍历功能如$.each()则帮助我们逐个操作选中的元素,实现批量处理。 二、DOM操作 jQuery提供了便利的DOM操作方法,如$.append()用于在元素末尾添加内容,$.prepend()在开头插入,$.html()和$.text()分别用于设置或...
- **$.each()**:用于遍历数组和对象,执行自定义函数。 - **$.extend()**:合并两个或更多对象,将源对象的属性复制到目标对象。 - **$.trim()**:去除字符串首尾的空白字符。 - **$.ready()**:页面加载完成后执行...
### $.fn.extend的详解 $.fn.extend方法实际上是jQuery.prototype.extend方法的简写形式。该方法用于扩展jQuery对象的功能,即将一个或多个对象的方法和属性添加到jQuery的原型中,从而为所有jQuery对象实例提供新...
3. **$.each()**: 对于非数组对象,$.each()现在会返回对象本身,方便链式操作。 4. **$.proxy**: 优化了$.proxy,使其可以处理未定义的上下文(context)。 5. **动画改进**: 添加了`.stop(true, true)`,使动画...
《jQuery 1.5.js与开发文档详解》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将详细探讨jQuery 1.5.js的核心功能和开发文档API...