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-事件冒泡...
例如,要创建一个对话框,只需简单调用`.dialog()`方法,jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样,例如: 1. **Dialogs** - 提供模态和非模态对话框,用于展示信息、警告或...
jQuery通过提供一套丰富的API,使得开发者可以快速实现常见的网页操作,如选择元素、添加事件监听器、执行AJAX请求等,而无需编写大量复杂的原生JavaScript代码。 在标签中,"jquery_3.4.1.js"和"jquery-3.4.1"再次...
在Web开发领域,jQuery是一款极其重要的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。标题中的"jquery-1.11.1.js"和"jquery-1.11.1.min.js"是jQuery库的两个不同版本,它们都...
在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件——`jquery-3.1.1.js`和`jquery-3.1.1.min...
3. **事件和回调**:阐述如何监听和响应UI组件的事件,以及如何定义自定义的回调函数来处理用户交互。 4. **主题**:讲解如何使用和定制jQuery UI的主题,以匹配网站的整体风格。 5. **动画效果**:解释如何利用...
首先,`jquery-form.js`监控表单的提交事件,并在用户尝试提交时阻止默认的表单行为。接着,通过`jquery-confirm.js`弹出一个提示框,确认用户是否真的要执行提交操作。如果用户确认,`jquery-form.js`会异步地将...
这个版本包含了丰富的选择器、DOM操作、事件处理、动画效果以及Ajax等功能。1.x系列的主要特点是向后兼容,支持广泛的浏览器,包括一些较旧的版本,这使得它在那些无法或不易更新浏览器的环境中非常有用。1.12.4修复...
事件处理是jQuery的另一大亮点,`.click()`、`.hover()`等方法使得绑定和解绑事件变得轻而易举。动画效果是jQuery吸引人的地方,`.fadeIn()`, `.slideUp()`, `.animate()`等方法让动态效果变得简单易行。最后,...
虽然`jQuery.holdReady()`和`jQuery.isArray()`被移除,但jQuery 3.2.1仍然提供了丰富的API,包括选择器、DOM操作、事件处理、动画、Ajax等。例如: - **选择器**:使用CSS选择器,如`$("#id")`,`.class`,`...
jQuery是一个轻量级的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。它的API设计易于理解和使用,使得开发者能够用更少的代码实现更多的功能,提高了开发效率。 2. **jQuery ...
《jQuery 2.1.1:官方版本与精简版解析》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,已经成为了Web开发者不可或缺的工具。本次我们关注的是其2.1.1版本,包含了两个主要文件:`jquery-2.1.1.js`和`...
jQuery的核心特性包括选择器、DOM操作、事件处理、动画效果以及Ajax操作。选择器是jQuery的精髓,它简化了JavaScript中获取DOM元素的方式,如"$()"函数可以轻松选取HTML元素。DOM操作则提供了一整套方法,如$("#id")...
6. **Utilities**:包括一些辅助函数,如事件处理、动画控制、尺寸计算等,这些在开发过程中非常实用。 值得注意的是,`jquery-ui-1.10.2.custom` 版本特别强调了与 jQuery 1.9.1 的兼容性。jQuery 1.9.1 是一个...
- **更快的速度**:由于去除了对旧版IE的支持,jQuery 2.0.0的执行速度相比1.x版本有所提升,尤其在DOM操作、事件处理和动画效果方面。 - **更小的体积**:移除对旧IE的兼容性代码,使得文件大小显著减小。如`...
- **事件处理**:通过JavaScript代码绑定事件监听器,实现对jQuery UI组件的控制和扩展,如打开/关闭对话框、改变滑块值等。 - **兼容性和性能优化**:确保所使用的jQuery UI版本与目标浏览器兼容,并考虑使用CDN...