`

jQuery-事件

阅读更多
1.
$(function(){
	
});

2.
$(function(){
	$("#result").append("macrotea");
});

3.
	$(document).ready(function() {
		$("#username").bind("click",function() {
			$(this).val("");
		});
	});

4.
<script type="text/javascript">
	$(document).ready(function() {
		$("#btnTest").bind("click",{u:"macrotea",a:"88"},function(event) {
			$("#username").val(event.data.u);
			$("#age").val(event.data.a);
		});
		//return false;//可以取消事件默认行为
	});
</script>
<input type="text" name="username" id="username" value="hi"/>
<input type="text" name="age" id="age" value="hi"/>

5.
<script type="text/javascript">
	$(document).ready(function() {
		$("#username").bind("click",function() {
			$(this).val("");
		});
		$("#username").bind("mouseout",function() {
			$(this).val("请输入用户名");
		});
	});
</script>

6.防止表单多次提交:
one()

7.
<script type="text/javascript">
	$(document).ready(function() {
		$("#btnTest").bind("click",function(event,param1,param2) {
			$("#username").val("plz input "+param1+" and "+param2);
		});
		$("#btnTest").trigger("click",["boy","girl"]);
	});
</script>
<input type="text" name="username" id="username" value="请输入用户名"/>
 
分享到:
评论

相关推荐

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    jquery-ui.css、jquery-ui.js下载

    例如,要创建一个对话框,只需简单调用`.dialog()`方法,jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样,例如: 1. **Dialogs** - 提供模态和非模态对话框,用于展示信息、警告或...

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    jQuery通过提供一套丰富的API,使得开发者可以快速实现常见的网页操作,如选择元素、添加事件监听器、执行AJAX请求等,而无需编写大量复杂的原生JavaScript代码。 在标签中,"jquery_3.4.1.js"和"jquery-3.4.1"再次...

    jQuery-1.12.4.js和jQuery-1.8.3.min.js

    这个版本包含了丰富的选择器、DOM操作、事件处理、动画效果以及Ajax等功能。1.x系列的主要特点是向后兼容,支持广泛的浏览器,包括一些较旧的版本,这使得它在那些无法或不易更新浏览器的环境中非常有用。1.12.4修复...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件——`jquery-3.1.1.js`和`jquery-3.1.1.min...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    3. **事件和回调**:阐述如何监听和响应UI组件的事件,以及如何定义自定义的回调函数来处理用户交互。 4. **主题**:讲解如何使用和定制jQuery UI的主题,以匹配网站的整体风格。 5. **动画效果**:解释如何利用...

    jquery-confirm.js和jquery-form.js

    首先,`jquery-form.js`监控表单的提交事件,并在用户尝试提交时阻止默认的表单行为。接着,通过`jquery-confirm.js`弹出一个提示框,确认用户是否真的要执行提交操作。如果用户确认,`jquery-form.js`会异步地将...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    事件处理是jQuery的另一大亮点,`.click()`、`.hover()`等方法使得绑定和解绑事件变得轻而易举。动画效果是jQuery吸引人的地方,`.fadeIn()`, `.slideUp()`, `.animate()`等方法让动态效果变得简单易行。最后,...

    最新版JQuery-jquery-3.2.1.min.js

    虽然`jQuery.holdReady()`和`jQuery.isArray()`被移除,但jQuery 3.2.1仍然提供了丰富的API,包括选择器、DOM操作、事件处理、动画、Ajax等。例如: - **选择器**:使用CSS选择器,如`$("#id")`,`.class`,`...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    jQuery的核心特性包括选择器、DOM操作、事件处理、动画效果以及Ajax操作。选择器是jQuery的精髓,它简化了JavaScript中获取DOM元素的方式,如"$()"函数可以轻松选取HTML元素。DOM操作则提供了一整套方法,如$("#id")...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用,使得开发者能够用更少的代码实现更多的功能,提高了开发效率。 2. **jQuery ...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    **jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中,我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件:...

    最新jquery-2.1.1.js以及jquery-2.1.1.min.js文件

    《jQuery 2.1.1:官方版本与精简版解析》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,已经成为了Web开发者不可或缺的工具。本次我们关注的是其2.1.1版本,包含了两个主要文件:`jquery-2.1.1.js`和`...

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    jQuery 1.8.3版本在功能上继承了jQuery一贯的优雅特性,包括选择器引擎(Sizzle)、链式调用、DOM操作、事件处理、动画效果和Ajax请求。其中,选择器引擎使得开发者可以通过CSS1-CSS3的选择器轻松选取DOM元素,而...

    jquery-ui-1.10.2.custom

    6. **Utilities**:包括一些辅助函数,如事件处理、动画控制、尺寸计算等,这些在开发过程中非常实用。 值得注意的是,`jquery-ui-1.10.2.custom` 版本特别强调了与 jQuery 1.9.1 的兼容性。jQuery 1.9.1 是一个...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    标题中提到的"jquery-2.1.4.js"和"jquery-2.1.4.min.js"正是这个库的两个版本,它们在网页动态效果处理、DOM操作、事件处理等方面有着广泛的应用。 首先,我们来了解下jQuery的核心理念: "Write Less, Do More"。...

Global site tag (gtag.js) - Google Analytics