使用方法来取得元素
使用方法可以取得更强大的功能，首先我们看 find 函数，通过 find 可以在已经取得元素集合中进行条件查找，例如：$("#orderedlist").find(“li”)，查找在 orderedlist 中的 li 元素，相当于 $( “#orderedlist li” )。查找的结果为元素的集合。
遍历返回的元素集合 each()
each 处理函数可以传递一个表示顺序号的参数，顺序号从 0 开始。
在函数中通过 this 取得当前被处理的元素对象，例如，下面的函数，将找到 id 为 orderedlist 的元素中的 li 元素，并将其内容依次增加 Hello,world 和顺序号码。
$( function() {
$("#orderedlist").find("li").each(function(i) {
$(this).html( $(this).html() + " BAM! " + i );
});
});
注意：在 each 函数中 this 表示当前正在处理的元素，参数 i 表示当前处理的元素在集合中的序号。
其中没有参数的 html()方法是获取对象的html代码，而有参数的方法 html( 内容 )则是设置元素的 html。
下面的例子通过一个超级链接来实现表单的重置
超级链接的内容为
<a id="reset" href="#">Reset!</a>
取得这个超级链接的方法为 $( “#reset” )，点击这个超级链接的事件为 click，即 $( “#reset” ).click，写出其处理函数为
$( “#reset” ).click( function(){
} )
取得表单 id 为 myform 的表单表示为 $( “#myform” )[0]，调用其 reset 方法就是 $("#form")[0].reset()，注意，由于 $() 返回的结果为集合，所以取得集合中第一个元素就是 $()[0] 了。
因此合起来的代码为：
// use this to reset a single form
$("# reset ").click(function() {
$("#form1")[0].reset();
});
如果要将所有的表单重置，那就通过元素的标记名取得元素，结合 each 函数，就是如下的代码了。
$("#reset").click(function() {
$("form").each(function() {
this.reset();
});
});
全部代码如下：
<html>
<head>
<title>Hello</title>
<script src="jquery-1.2.5.js" type="text/javascript"></script>
<script type="text/javascript">
$( function() {
$("#reset").click(function() {
$("#form1")[0].reset();
});
});
</script>
</head>
<body>
<a id="reset" href="#">Reset!</a>
<form id="form1">
<input type="text" />
</form>
</body>
</html>
分享到：
相关推荐
在压缩包中的"jQuery API 中文文档3.2.1"，为开发者提供了详细的API文档，帮助理解每个方法的用途、参数和返回值，是学习和使用jQuery的宝贵资源。确保查阅这些文档，以便更好地理解和应用jQuery 3.2.1的新特性。 ...
**jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中，我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件：...
例如，用jQuery选择元素要比使用原生JavaScript更为简便，一句`$('selector')`就能轻松选取DOM元素。 在"jquery-2.1.4.js"中，包含了完整的jQuery库，提供了所有可用的功能和插件支持。这个版本的jQuery修复了一些...
`jquery-2.1.1.js`是jQuery库的完整源代码版本，包含了所有功能和方法，对于开发者来说，它是调试和学习jQuery的理想选择。这个文件提供了一种简单的方式来操作DOM（文档对象模型），处理事件，执行AJAX请求，以及...
**jQuery 下载与详解** jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页上的 JavaScript 编程。...通过下载并学习 jQuery-3.5.1，你可以提升自己的前端开发技能，并更好地理解和利用这个经典的工具。
在实际开发中，jQuery提供了丰富的选择器、遍历方法、DOM操作、事件处理、AJAX交互等接口，使得编写JavaScript代码变得简单直观。例如，使用`$()`函数可以快速选取DOM元素，`$(document).ready()`用于在页面加载完成...
`lib`目录可能包含库的其他组件或依赖，而`demo`目录则提供了示例代码，帮助开发者快速理解和学习如何使用jQuery-validation。 在实际应用中，开发者可以通过以下步骤集成jQuery-validation： 1. 引入jQuery和...
4. **动画效果**：jQuery的`.animate()`方法可以创建自定义动画效果，配合`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法，可以实现丰富的页面动态效果。 5. **Ajax交互**：`.ajax()`, `.get()`, `.post()...
4. **Ajax交互**：jQuery的`.ajax()`方法是进行异步数据交互的标准方式，它可以处理XMLHttpRequest的所有细节，如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`，用于从"data.json...
这个CHM文件是Windows系统的帮助文件格式，用户可以通过它快速查找和学习jQuery的相关功能。 4. **jQuery选择器**： jQuery 1.7版本支持CSS1至CSS3的选择器，如ID选择器(#id)，类选择器(.class)，属性选择器(...
- 可以参考官方文档或者提供的示例代码学习如何使用Struts2-jQuery-Plugin。博主的博文链接（https://79343654.iteye.com/blog/1327488）可能包含更多实战经验。 - 在实际开发中，使用浏览器的开发者工具（如...
4. **动画效果**：jQuery的`.animate()`方法可以创建复杂的动画效果，同时提供了一系列的动画控制方法，如`.fadeIn()`, `.slideUp()`等。 5. **Ajax**：jQuery封装了Ajax操作，例如`$.ajax()`, `$.get()`, `$.post...
在开发过程中，我们可以通过查看源代码来查找错误，或者学习jQuery的实现方式。然而，由于文件较大，加载速度相对较慢，不适合部署到生产环境。 二、`jquery-3.2.1.min.js`：压缩优化版 与之相对，`jquery-3.2.1....
- **选择器**：jQuery提供了CSS选择器的JavaScript实现，使得选取DOM元素变得非常简单，如`$("#id")`选取ID为`id`的元素，`$(".class")`选取所有class为`class`的元素。 - **DOM操作**：jQuery提供了一套便捷的...
4. **动画效果**：jQuery的`.animate()`方法可以实现平滑的CSS属性变化，创建复杂的动画效果。例如，`$("element").animate({width: "50%"}, 1000)`将在1秒内将元素的宽度变为当前的一半。 5. **Ajax交互**：jQuery...
《jQuery 3.4.1：深入理解与应用》 jQuery，这个JavaScript库，自2006年发布以来，以其简洁的API和强大的功能，迅速成为开发者们首选...通过学习和实践，我们可以更好地利用jQuery提供的工具，创造更加优秀的Web应用。
4. **动画效果**：jQuery的`.animate()`方法可实现复杂的动画效果，如平滑改变元素的属性，而`.fadeIn()`和`.fadeOut()`则可以轻松实现元素的淡入淡出效果。 5. **Ajax**：jQuery的`.ajax()`函数封装了异步数据请求...
在本文中，我们将深入探讨jQuery UI的特性、使用方法以及如何在项目中集成和自定义它。 ### 1. jQuery UI的主要组件 jQuery UI包含了多个可复用的UI组件，这些组件可以帮助开发者快速构建具有专业外观和交互性的...
《jQuery UI 1.8.18 自定义版本详解》 ...然而，随着技术的更新迭代，现在的开发可能更倾向于使用更新的jQuery UI 版本或其他前端框架，如Bootstrap，但这并不妨碍我们从这个版本中学习到的UI设计和交互实现原理。
1. **选择器**：jQuery扩展了CSS选择器，使得通过JavaScript选取DOM元素变得更加简单。例如，`$("#myID")`可以选取ID为"myID"的元素，`$(".myClass")`则选取所有class为"myClass"的元素。 2. **DOM操作**：jQuery...