jQuery学习总结之jQuery事件_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery学习总结之jQuery事件_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2375字，纯文字阅读大概需要4分钟。
内容图文
首先，我们来看一个有用的实例，来加深以前所掌握的知识，其中有些是在前边出现过的。
当点击隐藏图片时，google的logo图片将在一秒钟进行隐藏。这里我们用到了hide()方法，当然也可不指定时间，如果要显示图片的话应该使用show()方法，感觉是不是很棒。
现在开始本篇的主要内容：事件。大家可能已经注意到了，上边已经在多处用到了事件。其中，document.ready就是一个事件，当文档准备好了，它告诉jQuery可以执行事件了，鼠标移动、点击、文本框焦点离开等都是事件。
在过去，我们经常看到：
这种写法。从现在开始，大家应该抛弃这种写法。实现js代码和html的分离，这样页面整洁了，效率也会更高。现在的写法，将会变成：
既然是总结，我还是像前三篇那样，用实例来记录尽可能多的事件方法，方便大家在需要的时候查阅。
以下是自己在学习过程中遇到的：
1、one()事件，绑定要执行一次的事件
jQuery("#divRent").one("click", function() {
alert("租房贵");
});
以上绑定一次单击事件，第二次点击时，不会再弹出提示。
2、focus()和blur()事件
jQuery("#tTest").focus(function() {
jQuery(this).css("background", "yellow");
}).blur(function() {
jQuery(this).css("background", "white");
});
此例实用到了链式写法，相信不难理解。如果对jQuery操作css样式不熟悉，可以看看第二篇总结。此例当焦点聚焦在本文框时，背景色变为黄色，离开时又变回白色。这样做的目的，可以提高用户体验，我个人感觉。
3、keydown()和keyup()事件
jQuery("#tTest").keyup(function() {
jQuery("#lResult").html(jQuery(this).val());
});
当键弹起时（这里感觉不好表达^_^），在label中将会显示文本框中的内容。操作元素属性部分可以看看第三篇总结。
4、submit()事件
jQuery("#form1").submit(function() {
if (jQuery.trim(jQuery("#text").val()).length == 0) {
return false;
}
});
可以看出，本实例使用了服务器控件。实质上是一样的，最终会进行表单提交。点击按钮时，进行表单提交。如果文本框内容为空时，返回false，从而不进行提交；否则，进行提交。此类应用在web开发中随处可见。
5、hover()事件
jQuery("#divHover").hover(function() {
jQuery(this).css("background", "yellow");
}, function() {
jQuery(this).css("background", "red");
});
鼠标移动到div上时，div背景色变成黄色，移出背景色变成红色。
以上几种事件是比较常见的，也是用的比较多的。当然本篇总结的只是一小部分，学习中遇到问题还得用jQuery文档进行查阅。
内容总结
以上是互联网集市为您收集整理的jQuery学习总结之jQuery事件_jquery全部内容，希望文章能够帮你解决jQuery学习总结之jQuery事件_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。