jquery怎么处理事件的


本文摘自PHP中文网,作者(*-*)浩,侵删。

jQuery 事件函数jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。

jQuery 事件

下面是 jQuery 中事件方法的一些例子:

Event 函数
绑定函数至
$(document).ready(function)
将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)
触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)
触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)
触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)
触发或将函数绑定到被选元素的鼠标悬停事件

实例:

当你对按钮Click me进行点击操作时,<p>标签中的内容会隐藏。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

<head>

    <script type="text/javascript" src="/jquery/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>

结论

由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:

把所有 jQuery 代码置于事件处理函数中

把所有事件处理函数置于文档就绪事件处理器中

把 jQuery 代码置于单独的 .js 文件中

如果存在名称冲突,则重命名 jQuery 库

以上就是jquery怎么处理事件的的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery怎么实现左右滑动的toggle

如何使用jQuery向select选项框中添加新选项

jQuery ui与easyui的区别是什么

jQuery中liger ui是什么

jQuery如何设置元素不可见

jQuery怎么判断单选按钮是否选中

jQuery url 中文乱码怎么办

如何使用jQuery中click()方法

如何使用jQuery 消除网页的滚动条

jQuery怎么使字体变色

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...