本文转自：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来高效地遍历DOM元素，以实现对网页内容的控制和操作。 首先，jQuery提供了多种遍历方法，包括基本的选择器和遍历函数。选择器如`$()`用于选取DOM元素，可以...
jQuery提供了一些方法来遍历和操作这些节点。 1. **$(selector).children()**: 这个方法用于获取匹配选择器的元素的所有直接子节点。例如，如果你有一个`<div>`元素，想要获取其所有直接的子`<p>`元素，可以使用`$...
在jQuery库中，遍历DOM树是常见的操作，特别是当你需要查找或操作元素的祖先时。"祖先"在这个上下文中指的是元素的父级、父级的父级，以及更高级别的上级元素，直至文档的根节点`<html>`。jQuery提供了几个方便的...
总之，jQuery 1.5通过其强大的API简化了XML节点属性的遍历，使开发者能够更加专注于应用逻辑，而不是底层的DOM操作。通过结合"test.html"和"jquery-1.5.js"，我们可以创建一个直观的实例来演示这一功能。
这演示了如何通过jQuery和遍历操作动态改变表单元素的值。 这个示例虽然简单，但它展示了jQuery处理表单数据的强大能力。在实际应用中，你可以根据需要修改这个代码，例如，对所有输入元素进行某种操作，或者根据...
综上所述，jQuery的CSS选择器和遍历机制是其强大功能的关键部分，使得DOM操作变得简单而直观。通过熟练掌握这些选择器，开发者可以编写出更高效、更简洁的JavaScript代码，提高网页的开发效率。
jQuery 遍历函数和 JavaScript 中的 each 遍历 jQuery 遍历函数是 jQuery 库中的一组...jQuery 遍历函数和 JavaScript 中的 each 遍历是开发者常用的技术手段，可以帮助开发者快速地操作和处理 HTML 元素和数据集合。
总之，掌握jQuery遍历节点树的方法对于前端开发人员来说是非常重要的，它让我们能够更加高效地选择和操作DOM元素，实现丰富的用户界面和交互效果。通过不断练习和应用这些方法，我们可以编写出更加健壮和易于维护的...
### jQuery遍历Json数据的方法知识点详解 #### 1. jQuery遍历的必要性与优势 在Web开发中，经常需要处理和展示来自服务器的数据，尤其是在构建动态的网页内容时。JSON（JavaScript Object Notation）数据格式因其...
`$.each()`方法不仅适用于基本的遍历操作，还可以用于更复杂的逻辑，比如在遍历过程中进行条件判断、修改元素、或者与其他jQuery方法结合使用。在实际开发中，你可能会遇到各种各样的场景，如遍历JSON对象、处理DOM...
然而，在使用jQuery遍历checkbox时，如果不注意一些细节，可能会遇到一些问题。以下我们将详细介绍在使用jQuery遍历checkbox时需要注意的几个关键点。 首先，在使用jQuery选择器的时候，需要准确地指定要操作的元素...
下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将新元素直接添加到现有的jQuery对象集合中，实现链式操作。 .andSelf()函数将之前操作返回的元素集添加...
【jQuery遍历JSON的两种数据结构】 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个子集，易于人阅读和编写，同时也易于机器解析和生成。在Web开发中，JSON常用于服务器与...
### jQuery遍历Table所有单元格内容的方法 使用jQuery进行表格单元格遍历，则可以利用jQuery提供的方法来简化操作。jQuery通过简化的API使DOM操作更加方便，包括遍历表格单元格也不例外。以下是使用jQuery进行表格...
在本示例中，我们将讨论如何使用jQuery结合Ajax进行Hash遍历操作。 首先，了解什么是Hash。在URL中，井号（#）后的部分称为Hash，通常用于标识页面内的特定位置。在JavaScript中，可以通过`window.location.hash`来...
1. **遍历DOM元素**：`each()`最常用于遍历jQuery选择器返回的DOM元素集合，可以对每一个元素执行特定的操作。 ```javascript $('div').each(function(i, div) { console.log('这是第' + i + '个div元素：', div...
知识点三：jQuery遍历表格tr获取td值的方法一 在方法一中，首先使用jQuery选择器`$("#history_income_list").children("tr")`选取了id为`history_income_list`的`<tbody>`元素下所有的`<tr>`元素，并将它们存入`...
3. 数据操作：解析后的数据可以像操作JavaScript对象一样遍历和访问，例如使用`for...in`循环遍历对象，或使用`$.each()`遍历数组。 4. 数据展示：将JSON数据绑定到页面元素，更新用户界面。 在jQuery中，遍历JSON...
在jQuery库中，有多种方法可以用来实现这种需求，接下来，我们将会详细解释如何使用children()和find()方法来遍历后代，以及如何使用siblings()方法来遍历同胞元素。 首先，让我们了解children()方法。children()...
在JavaScript的世界里，jQuery是一个非常流行的库，它简化了DOM操作、事件处理、动画和Ajax交互等任务。本文将深入探讨如何使用jQuery进行元素赋值、遍历、追加、分割字符串以及查找索引，这些都是jQuery核心功能的...