本文转自: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核心功能的...