`
429537044
  • 浏览: 48958 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery的遍历操作(转)

阅读更多
本文转自:http://hi.baidu.com/lovemdb/item/305537136dd27f721109b535
截取部分我需要的:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Hi!</title>
<script type="text/javascript" src="js/jquery-1.9.1.js">
	
</script>
<script type="text/javascript">
	var $ = 'Hi!';
	jQuery(function() {
		alert('$ = ' + $);//这里的 $ 为 Hi!,把它变回jquery的符号:jQuery(function($){...}/这样就可以了
		//alert(jQuery)
	});
	jQuery(function($) {
		//------------遍历数组 .each的使用-------------
		var anArray = [ 'one', 'two', 'three' ];
		$.each(anArray, function(n, value) {
			//do something here
			//alert(n+' '+value);
		});
		var anObject = {
			one : 1,
			two : 2,
			three : 3
		};
		$.each(anObject, function(name, value) {
			//do something here
			//alert(name+' '+value);
		});
		//-----------过滤数组 .grep的使用------------
		var originalArray = [ 99, 101, 103 ];
		/*//第一种写法
		var bigNumbers = $.grep(originalArray,function(value) {
		 return value > 100;
		});
		 */
		var bigNumbers = $.grep(originalArray, 'a>100');//第2种写法,还可以用正则表达式来过滤
		$.each(bigNumbers, function(n, value) {
			//do something here
			//alert(n+' '+value);
		});
		//------------转换数组 .map的使用------------
		var strings = [ '1', '2', '3', '4', 'S', 'K', '6' ];
		var values = $.map(strings, function(value) {
			var result = new Number(value);
			return isNaN(result) ? null : result;//如果result不是数字则 返回null(返回null在这里相当于不返回)
		});
		$.each(values, function(n, value) {
			//do something here
			//alert(value);
		});
		var characters = $.map([ 'this', 'that', 'other thing' ], function(
				value) {
			return value.split('');
		}//分离字符串用返回给characters
		);
		//alert(characters.length);
		//------------.inArray(value,array)的使用------------返回value在array下标的位置,如果value不在array中则返回
		-1
		var index = $.inArray(2, [ 1, 2, 3, 4, 5 ]);
		//alert(index);
		//------------makeArray(obj)的使用------------将类数组对象转换为数组对象。
		var arr = jQuery.makeArray(document.getElementsByTagName("div"));
		//arr.reverse(); // 使用数组翻转函数 
		$.each(arr, function(n, value) {
			//do something here
			//alert(n+' '+value);
			//alert(value.html());
		});
		var arr2 = $.unique(document.getElementsByTagName("div")); //获得唯一的对象,看API,说得很模糊,http://docs.jquery.com/Utilities/jQuery.unique
		alert();
		$.each(arr2, function(n, value) {
			//do something here
			alert(n + ' ' + value);
		});
	});
</script>
</head>
<body>
	<div>First</div>
	<div>Second</div>
	<div>Third</div>
	<div>Fourth</div>
	<div>Fourth</div>
</body>
</html>

 

分享到:
评论

相关推荐

    jquery 遍历 学习

    这个“jQuery遍历学习”的主题主要关注如何使用jQuery来高效地遍历DOM元素,以实现对网页内容的控制和操作。 首先,jQuery提供了多种遍历方法,包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素,可以...

    jquery遍历节点树

    jQuery提供了一些方法来遍历和操作这些节点。 1. **$(selector).children()**: 这个方法用于获取匹配选择器的元素的所有直接子节点。例如,如果你有一个`&lt;div&gt;`元素,想要获取其所有直接的子`&lt;p&gt;`元素,可以使用`$...

    jQuery 遍历 – 祖先

    在jQuery库中,遍历DOM树是常见的操作,特别是当你需要查找或操作元素的祖先时。"祖先"在这个上下文中指的是元素的父级、父级的父级,以及更高级别的上级元素,直至文档的根节点`&lt;html&gt;`。jQuery提供了几个方便的...

    jQuery 1.5 遍历xml节点属性

    总之,jQuery 1.5通过其强大的API简化了XML节点属性的遍历,使开发者能够更加专注于应用逻辑,而不是底层的DOM操作。通过结合"test.html"和"jquery-1.5.js",我们可以创建一个直观的实例来演示这一功能。

    jQuery遍历Form示例代码

    这演示了如何通过jQuery和遍历操作动态改变表单元素的值。 这个示例虽然简单,但它展示了jQuery处理表单数据的强大能力。在实际应用中,你可以根据需要修改这个代码,例如,对所有输入元素进行某种操作,或者根据...

    jQuery 遍历css选择器

    综上所述,jQuery的CSS选择器和遍历机制是其强大功能的关键部分,使得DOM操作变得简单而直观。通过熟练掌握这些选择器,开发者可以编写出更高效、更简洁的JavaScript代码,提高网页的开发效率。

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组...jQuery 遍历函数和 JavaScript 中的 each 遍历是开发者常用的技术手段,可以帮助开发者快速地操作和处理 HTML 元素和数据集合。

    jQuery遍历节点树方法分析

    总之,掌握jQuery遍历节点树的方法对于前端开发人员来说是非常重要的,它让我们能够更加高效地选择和操作DOM元素,实现丰富的用户界面和交互效果。通过不断练习和应用这些方法,我们可以编写出更加健壮和易于维护的...

    Jquery遍历Json数据的方法

    ### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中,经常需要处理和展示来自服务器的数据,尤其是在构建动态的网页内容时。JSON(JavaScript Object Notation)数据格式因其...

    JQuery遍历的知识

    `$.each()`方法不仅适用于基本的遍历操作,还可以用于更复杂的逻辑,比如在遍历过程中进行条件判断、修改元素、或者与其他jQuery方法结合使用。在实际开发中,你可能会遇到各种各样的场景,如遍历JSON对象、处理DOM...

    jquery遍历checkbox的注意事项说明

    然而,在使用jQuery遍历checkbox时,如果不注意一些细节,可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先,在使用jQuery选择器的时候,需要准确地指定要操作的元素...

    jQuery 遍历函数详解

    下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中,实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...

    Jquery遍历json的两种数据结构[参照].pdf

    【jQuery遍历JSON的两种数据结构】 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于服务器与...

    JS与jQuery遍历Table所有单元格内容的方法

    ### jQuery遍历Table所有单元格内容的方法 使用jQuery进行表格单元格遍历,则可以利用jQuery提供的方法来简化操作。jQuery通过简化的API使DOM操作更加方便,包括遍历表格单元格也不例外。以下是使用jQuery进行表格...

    jquery 遍历hash操作示例【基于ajax交互】

    在本示例中,我们将讨论如何使用jQuery结合Ajax进行Hash遍历操作。 首先,了解什么是Hash。在URL中,井号(#)后的部分称为Hash,通常用于标识页面内的特定位置。在JavaScript中,可以通过`window.location.hash`来...

    jQuery 遍历的 each() 方法

    1. **遍历DOM元素**:`each()`最常用于遍历jQuery选择器返回的DOM元素集合,可以对每一个元素执行特定的操作。 ```javascript $('div').each(function(i, div) { console.log('这是第' + i + '个div元素:', div...

    jquery遍历table的tr获取td的值实现方法

    知识点三:jQuery遍历表格tr获取td值的方法一 在方法一中,首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`&lt;tbody&gt;`元素下所有的`&lt;tr&gt;`元素,并将它们存入`...

    Jquery遍历json的两种数据结构.docx

    3. 数据操作:解析后的数据可以像操作JavaScript对象一样遍历和访问,例如使用`for...in`循环遍历对象,或使用`$.each()`遍历数组。 4. 数据展示:将JSON数据绑定到页面元素,更新用户界面。 在jQuery中,遍历JSON...

    JQuery遍历元素的后代和同胞实现方法

    在jQuery库中,有多种方法可以用来实现这种需求,接下来,我们将会详细解释如何使用children()和find()方法来遍历后代,以及如何使用siblings()方法来遍历同胞元素。 首先,让我们了解children()方法。children()...

    用JQuery对元素赋值、遍历、追加、分割和找索引的代码实例

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。本文将深入探讨如何使用jQuery进行元素赋值、遍历、追加、分割字符串以及查找索引,这些都是jQuery核心功能的...

Global site tag (gtag.js) - Google Analytics