jquery - $.each

p.p1 { margin: 0.0px 0.0px 5.0px 0.0px; font: 14.0px "Songti TC"; color: #000000 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Songti TC"; color: #006600 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Songti TC"; color: #c00000 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Noteworthy Light"; color: #006600 }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Noteworthy Light"; color: #006600; min-height: 22.0px }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Songti TC"; color: #000000 }
p.p7 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 14.0px "Noteworthy Light"; color: #000000 }
span.s1 { }
span.s2 { font: 14.0px "Noteworthy Light" }
span.s3 { font: 14.0px "Songti TC" }

通过它,你可以遍历对象、数组的属性值并进行处理。

使用说明

each函数根据参数的类型实现的效果不完全一致:

1、遍历对象(有附加参数)

$.each(Object, function(p1, p2) {

this;       //这里的this指向每次遍历中Object的当前属性值

p1; p2;     //访问附加参数

}, [‘参数1‘, ‘参数2‘]);

2、遍历数组(有附件参数)

$.each(Array, function(p1, p2){

this;       //这里的this指向每次遍历中Array的当前元素

p1; p2;     //访问附加参数

}, [‘参数1‘, ‘参数2‘]);

3、遍历对象(没有附加参数)

$.each(Object, function(name, value) {

this;      //this指向当前属性的值

name;      //name表示Object当前属性的名称

value;     //value表示Object当前属性的值

});

4、遍历数组(没有附加参数)

$.each(Array, function(i, value) {

this;      //this指向当前元素

i;         //i表示Array当前下标

value;     //value表示Array当前元素

});

下面提一下jQuery的each方法的几种常用的用法

Js代码

var arr = [ "one", "two", "three", "four"];

$.each(arr, function(){

alert(this);

});

//上面这个each输出的结果分别为:one,two,three,four

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]

$.each(arr1, function(i, item){

alert(item[0]);

});

//其实arr1为一个二维数组,item相当于取每一个一维数组,

//item[0]相对于取每一个一维数组里的第一个值

//所以上面这个each输出分别为:1   4   7

var obj = { one:1, two:2, three:3, four:4};

$.each(obj, function(key, val) {

alert(obj[key]);

});

//这个each就有更厉害了,能循环每一个属性

//输出结果为:1   2  3  4

时间: 2024-12-22 03:32:32

jquery - $.each的相关文章

Python Day17(jQuery)

一.概述 1.简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口

javascript & jQuery

//获取表格行数和列数 //表格行数 var rows = document.getElementById("example_table").rows.length; //表格列数 var cells = document.getElementById("example_table").rows.item(0).cells.length; javascript & jQuery

You Don't Need jQuery

前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少.本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器. 目录 Translations Query Selector CSS & Style DOM Manipulation Ajax Events Ut

bootstrap下拉框的例子,提示Error: Bootstrap's JavaScript requires jQuery

bootstrap很多js依赖jquery,所以需要引入jquery 遇到的问题: 页面访问提示:Error: Bootstrap's JavaScript requires jQuery 解决方法: 在引入bootstrap的js文件之前,先引入jquery.js 导入顺序可以向下面一样 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><link rel

Uncaught Error: Bootstrap&#39;s JavaScript requires jQuery

boostrap下拉菜单无效,浏览器报Uncaught Error: Bootstrap's JavaScript requires jQuery错误 解决办法:注意css,js文件引入的先后顺序,首先引入jquery的js文件再引入bootstrap的css文件. Uncaught Error: Bootstrap's JavaScript requires jQuery

(function($){...})(jQuery)的意思

这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数,并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的,之所以只在形参使用$,是为了不与其他库冲突,所以实参用jQuery var fn = functio

初了解jquery

在我对JQUERY初步的了解,jquery就是通过在实际中常用的用javascript实现一些网页上基础功能,做各种特效的函数,对其进行了封装打包.让程序员只要熟知jQuery里的各种方法,各种方法的参数,及其用法,就能更加方便的实现其功能.现在就简单介绍下: 首先,每一个jQuery对象都是一个数组,,而且jQuery对象只能调用jQuery库里的方法,Dom对象也只能调用Dom原生的对象.这两者都不能互调对方的方法. 可以通过以下方法转换: 例如:1:将jQuery转换为dom对象 var

Drupal 学习使用jQuery

本节学习如果在Drupal里交互使用jQuery. jQuery在Drupal是内置支持的.存在根目录的misc目录中. 当调用drupal_add_js方法,会自动加载jQuery. 在Drupal页面里嵌入JS代码 1. 开启 PHP filter 模块.目的是可以在页面里嵌入PHP代码. 2. 新建一个页面. 注意在下面的文本格式中选择 "PHP Code", Body 里填上以下内容. <?php drupal_add_js('jQuery(document).ready

JavaScript弹出式日历控件 无jquery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" cont

JS获取QueryString(Jquery)

QueryString = { data: {}, Initial: function() { var aPairs, aTmp; var queryString = new String(window.location.search); queryString = queryString.substr(1, queryString.length); //remove "?" aPairs = queryString.split("&"); for (var