`
zui4yi1
  • 浏览: 2961 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery选择器,$("form")只能处理第一个form,奇怪了

阅读更多
想处理多表单的情况,发现$("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因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接DOM操作与CSS选择。本文旨在深入解析jQuery提供的48...

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    jquery.form.js

    3. **初始化插件**:使用jQuery选择器选取表单,然后调用`$.ajaxForm`或`$.fn.form`方法进行初始化。 ```javascript $('#myForm').ajaxForm({ beforeSubmit: function(arr, form, options) { // 预提交操作,如...

    jquery form

    jQuery Form插件是jQuery库中的一个强大工具,它极大地简化了HTML表单的处理,提供了异步提交(AJAX)功能,使得用户在无需页面刷新的情况下就能发送表单数据,提高了用户体验。这个插件依赖于jQuery核心库,如在本...

    jquery开发的form第二版

    jQuery Form Builder第二版作为一个强大的工具,为开发者提供了快速构建和管理表单的解决方案。通过理解和熟练运用其特性和API,可以极大地提高Web应用中表单部分的开发效率。在实际使用中,应根据项目需求进行适当...

    使用jQuery.form插件,实现完美的表单异步提交

    现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步提交: ```javascript $(document).ready(function() { $('#myForm').ajaxSubmit({ type: 'POST', // 可以设置请求类型,默认为...

    Jquery选择器大全

    1. `$("tr:first")` - 选取所有 `&lt;tr&gt;` 元素的第一个。 2. `$("tr:last")` - 选取所有 `&lt;tr&gt;` 元素的最后一个。 3. `$("input:not(:checked) + span")` - 选取未被选中的 `&lt;input&gt;` 元素后面的 `&lt;span&gt;` 元素。 4. `...

    jQuery选择器全集详解

    而jQuery选择器是jQuery的核心部分之一,用于选择页面元素,以便我们可以对它们进行操作。这些选择器可以分成多个类别,包括基本选择器、层次选择器、过滤选择器等,下面将详细介绍。 基本选择器包括id选择器、...

    jquery-form - jQuery表单生成插件

    总之,jQuery-form是一个功能强大且易于使用的插件,对于任何需要处理表单提交的前端开发人员来说,都是一个不可或缺的工具。它简化了Ajax表单提交的实现,同时也提供了丰富的定制选项,以适应不同项目的具体需求。...

    基于jQuery和layui的form表单自定义js动态生成

    jQuery的核心功能包括选择器(用于选取DOM元素)、DOM操作(如添加、删除、修改元素)、事件处理(绑定和触发事件)以及动画效果。在动态生成表单中,我们主要利用jQuery的选择器快速定位表单元素,并通过其提供的...

    jquery选择器应用实例

    在JqueryTest文件夹中的实例可能包括了各种jQuery选择器的应用,每个页面对应一个特定的选择器实例。通过这些实例,你可以逐步学习和理解每种选择器的工作原理和用法。 学习jQuery选择器不仅能够提高网页动态效果的...

    jQuery选择器上机练习题及答案.rar

    (23)选择表格中每行的第一个单元格和最后一个单元格 (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green ....

    jquery.form中文API

    - 返回匹配选择器的表单元素的值,总是返回一个数组,即使元素只有一个值。 - 示例: ```javascript var value = $('#myFormId :password').fieldValue(); alert('The password is: ' + value[0]); ``` 6. **...

    jQuery选择器大全PDF

    ### jQuery选择器大全:掌握高效DOM操作的关键 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接JavaScript与HTML文档,使得开发者能以更加...

    Ajax表单提交插件jquery form

    使用jQuery选择器选取要处理的表单,并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中,`#myForm`是表单的ID,`options`是一个可选的对象参数,用于...

    Jquery插件,JqueryUI,JqueryForm,JqueryValidate,Jqueryvsdoc

    jQuery Validate 是一个用于表单验证的插件,它为开发者提供了强大的验证规则和错误消息处理功能。开发者可以轻松地设置必填字段、电子邮件格式、数字范围等验证规则,且错误消息显示直观,有助于提高用户体验。...

    jquery&jqueryform;

    这个版本支持许多重要的功能,包括选择器(用于查找DOM元素)、DOM操作(如添加、删除或修改元素)、事件处理(如绑定和触发事件)、动画(如滑动、淡入淡出效果)以及Ajax交互。例如,你可以使用以下代码来选择页面...

    Jquery.pdf

    JQuery选择器分类详解 JQuery是一个JavaScript库,它提供了强大的选择器机制,用于选择和操作HTML元素。本文将详细介绍JQuery选择器的分类和使用方法。 1. ID选择器 $('#id')用于选择具有指定ID的元素。 2. Class...

    最容易学习的JQuery选择器说明文档

    ### 最容易学习的JQuery选择器说明文档 #### 前言 JQuery是一个轻量级的JavaScript库,因其简洁的语法和强大的功能而在前端开发领域广受欢迎。JQuery选择器是其核心功能之一,允许开发者轻松地选取网页中的DOM元素...

    常用jQuery选择器总结

    jQuery选择器的强大在于其灵活性和多样性,它们大大简化了JavaScript中处理DOM的操作,使得代码更加简洁易读。通过熟练掌握这些选择器,开发者能够更加高效地编写和维护前端代码。在实际开发中,可以根据需求灵活...

Global site tag (gtag.js) - Google Analytics