`
wsm543986221
  • 浏览: 12563 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
最近访客 更多访客>>
社区版块
存档分类
最新评论

JQuery third

阅读更多
JQuery中的事件处理函数式JQuery的核心函数

事件处理函数是HTML中发生事件时自动调用的函数。

jQuery是为事件处理设计的,通常放在<head>中


实例
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>

</html>

在上面的例子中,定义了一个处理 HTML 按钮的点击事件的 click 函数:

$("button").click(function() {..some code... } )click 函数内部的代码隐藏所有 <p> 元素:

$("p").hide();所有事件函数都在文档自身的“事件处理器”内部进行定义:

$(document).ready(function() {..some code...} )
分享到:
评论

相关推荐

    jQuery.com官方指定的5本参考书籍

    jquery.com官方指定了5本书籍,分别是:《Learning jQuery Third Edition》,《jQuery 1.4 Animation Techniques: Beginners Guide》,《jQuery Plugin Development Beginner's Guide》,《jQuery in Action》和...

    jQuery in Action(3rd) mobi

    jQuery in Action(3rd) 英文mobi 第3版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    Master Mobile Web Apps with jQuery Mobile (Third Edition

    《使用jQuery Mobile掌握移动Web应用(第三版)》是Matt Doyle所著的一本关于如何使用jQuery Mobile框架来开发移动Web应用的教程书籍。jQuery Mobile是一个为触摸屏设备优化的跨平台用户界面系统,它基于jQuery和...

    jQuery.in.Action.3rd.Edition.161729207

    jQuery in Action, Third Edition, is a fast-paced guide to jQuery, focused on the tasks you'll face in nearly any web dev project. In it, you'll learn how to traverse the DOM, handle events, perform ...

    Learning jQuery 3 - Fifth Edition

    Next, we'll explore event handling advanced animations, creating optimised user interfaces, and building useful third-party plugins. Also, we'll learn how to integrate jQuery with your favourite back...

    jQuery in Action(3rd) epub

    jQuery in Action(3rd) 英文epub 第3版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

    Packt.Learning.Jquery3

    Next, we’ll explore event handling advanced animations, creating optimised user interfaces, and building useful third-party plugins. Also, we’ll learn how to integrate jQuery with your favourite ...

    jQuery in Action(Manning,3ed,2015)

    jQuery in Action, Third Edition, is a fast-paced guide to jQuery, focused on the tasks you'll face in nearly any web dev project. In it, you'll learn how to traverse the DOM, handle events, perform ...

    html5+jquery.qrcode前端生成二维码海报

    html5+jquery.qrcode前端生成二维码海报 废话不多说直接上代码 需要使用的JS插件 &lt;script src="js/jquery-2.1.1.min.js"&gt; &lt;script src="js/jquery.qrcode.min.js"&gt;&lt;/script&gt;

    third_party.rar

    1. **Library_Folder**: 代表某个特定的第三方库,比如"jQuery"、"Django"或"TensorFlow",每个库通常有自己的版本号,包含必要的库文件和文档。 2. **API_Keys**: 可能包含一些API密钥或配置文件,用于与第三方...

    jQuery Tools tab使用介绍

    jQuery Tools 是一个强大的JavaScript库,特别适用于创建交互式的网页元素,如滚动条、工具提示、遮罩和我们这里关注的——选项卡(tabs)。在本文中,我们将深入探讨如何使用jQuery Tools来创建和管理选项卡。 ...

    jQuery的导航条三级下拉菜单代码.zip

    jQuery导航条三级下拉菜单代码是一款非常简洁实用的网站导航菜单,绿色下拉菜单导航代码。 js代码 [removed][removed] [removed] $(function(){ var _this1=null; $('.nav&gt;li').hover(function(){ _this1=$...

    jquery使用手册

    &lt;li&gt;Third item ``` - jQuery代码: ```javascript $("#first").click(function(){ alert($(this).index()); }); ``` - 功能描述:点击ID为`first`的`li`元素时,弹出对话框显示其在匹配集合中的索引...

    intense图片全屏浏览插件(jQuery).zip

    intense图片全屏浏览插件(jQuery),当鼠标点击图片时,可以全屏幕浏览图片,移动鼠标可以查看图片不同的部分,适合相册展示图片细节。兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引用文件styles....

Global site tag (gtag.js) - Google Analytics