想处理多表单的情况,发现$("form")只能处理第一个form,这是BUG么,还是浏览器的问题?
$(function(){
$.fn.alertId = function () {
alert($(this).attr("id"));
}
alert($("form").size()); //等于2,说明有二个form
$("form").alertId(); //只弹出fm1,说明第二个form没有处理
$("form").each(function(){
$(this).alertId(); //正常
});
});
<body>
<form id="fm1">
名字1:<input type="text" name="name1" /><br />
<input type="submit" value="提交表单" />
</form>
<form id="fm2">
名字2:<input type="text" name="name2" /><br />
<input type="submit" value="提交表单" />
</form>
</body>
分享到:
相关推荐
### jQuery选择器大全详解 #### 引言 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接DOM操作与CSS选择。本文旨在深入解析jQuery提供的48...
综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...
3. **初始化插件**:使用jQuery选择器选取表单,然后调用`$.ajaxForm`或`$.fn.form`方法进行初始化。 ```javascript $('#myForm').ajaxForm({ beforeSubmit: function(arr, form, options) { // 预提交操作,如...
jQuery Form插件是jQuery库中的一个强大工具,它极大地简化了HTML表单的处理,提供了异步提交(AJAX)功能,使得用户在无需页面刷新的情况下就能发送表单数据,提高了用户体验。这个插件依赖于jQuery核心库,如在本...
jQuery Form Builder第二版作为一个强大的工具,为开发者提供了快速构建和管理表单的解决方案。通过理解和熟练运用其特性和API,可以极大地提高Web应用中表单部分的开发效率。在实际使用中,应根据项目需求进行适当...
现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步提交: ```javascript $(document).ready(function() { $('#myForm').ajaxSubmit({ type: 'POST', // 可以设置请求类型,默认为...
1. `$("tr:first")` - 选取所有 `<tr>` 元素的第一个。 2. `$("tr:last")` - 选取所有 `<tr>` 元素的最后一个。 3. `$("input:not(:checked) + span")` - 选取未被选中的 `<input>` 元素后面的 `<span>` 元素。 4. `...
而jQuery选择器是jQuery的核心部分之一,用于选择页面元素,以便我们可以对它们进行操作。这些选择器可以分成多个类别,包括基本选择器、层次选择器、过滤选择器等,下面将详细介绍。 基本选择器包括id选择器、...
总之,jQuery-form是一个功能强大且易于使用的插件,对于任何需要处理表单提交的前端开发人员来说,都是一个不可或缺的工具。它简化了Ajax表单提交的实现,同时也提供了丰富的定制选项,以适应不同项目的具体需求。...
jQuery的核心功能包括选择器(用于选取DOM元素)、DOM操作(如添加、删除、修改元素)、事件处理(绑定和触发事件)以及动画效果。在动态生成表单中,我们主要利用jQuery的选择器快速定位表单元素,并通过其提供的...
在JqueryTest文件夹中的实例可能包括了各种jQuery选择器的应用,每个页面对应一个特定的选择器实例。通过这些实例,你可以逐步学习和理解每种选择器的工作原理和用法。 学习jQuery选择器不仅能够提高网页动态效果的...
(23)选择表格中每行的第一个单元格和最后一个单元格 (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green ....
- 返回匹配选择器的表单元素的值,总是返回一个数组,即使元素只有一个值。 - 示例: ```javascript var value = $('#myFormId :password').fieldValue(); alert('The password is: ' + value[0]); ``` 6. **...
### jQuery选择器大全:掌握高效DOM操作的关键 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接JavaScript与HTML文档,使得开发者能以更加...
使用jQuery选择器选取要处理的表单,并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中,`#myForm`是表单的ID,`options`是一个可选的对象参数,用于...
jQuery Validate 是一个用于表单验证的插件,它为开发者提供了强大的验证规则和错误消息处理功能。开发者可以轻松地设置必填字段、电子邮件格式、数字范围等验证规则,且错误消息显示直观,有助于提高用户体验。...
这个版本支持许多重要的功能,包括选择器(用于查找DOM元素)、DOM操作(如添加、删除或修改元素)、事件处理(如绑定和触发事件)、动画(如滑动、淡入淡出效果)以及Ajax交互。例如,你可以使用以下代码来选择页面...
JQuery选择器分类详解 JQuery是一个JavaScript库,它提供了强大的选择器机制,用于选择和操作HTML元素。本文将详细介绍JQuery选择器的分类和使用方法。 1. ID选择器 $('#id')用于选择具有指定ID的元素。 2. Class...
### 最容易学习的JQuery选择器说明文档 #### 前言 JQuery是一个轻量级的JavaScript库,因其简洁的语法和强大的功能而在前端开发领域广受欢迎。JQuery选择器是其核心功能之一,允许开发者轻松地选取网页中的DOM元素...
jQuery选择器的强大在于其灵活性和多样性,它们大大简化了JavaScript中处理DOM的操作,使得代码更加简洁易读。通过熟练掌握这些选择器,开发者能够更加高效地编写和维护前端代码。在实际开发中,可以根据需求灵活...