51Testing软件测试论坛

 找回密码
 (注-册)加入51Testing

QQ登录

只需一步,快速开始

微信登录,快人一步

手机号码,快捷登录

查看: 1697|回复: 1
打印 上一主题 下一主题

jQuery事件

[复制链接]
  • TA的每日心情
    无聊
    前天 09:07
  • 签到天数: 436 天

    连续签到: 5 天

    [LV.9]测试副司令

    跳转到指定楼层
    1#
    发表于 2019-1-10 15:22:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

    jQuery是为事件处理特别设计的


    ###jQuery事件函数###

    事件处理程序指的是当HTML中发送某些事件时所调用的方法。


    实例:

    1. $(document).ready(function(){
    2.   $("button").click(function(){
    3.    $("p").hide();
    4.   });
    5. });
    复制代码

    当按钮点击时会使所有的<p>元素隐藏。


    ###单独文件中的函数###

    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把 您的 jQuery 函数放到独立的 .js 文件中。

    如这样分开:

    1. <head>
    2. <script type="text/javascript" src="jquery.js"></script>
    3. <script type="text/javascript" src="my_jquery_functions.js"></script>
    4. </head>
    复制代码

    ###jQuery名称冲突###

    jQuery 使用 $ 符号作为 jQuery 的简介方式。


    某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。
    jQuery 使用名为 noConflict() 的方法来解决该问题。

    1. var jq=jQuery.noConflict();
    复制代码

    ###结论###

    • 把所有 jQuery 代码置于事件处理函数中
    • 把所有事件处理函数置于文档就绪事件处理器中
    • 把 jQuery 代码置于单独的 .js 文件中
    • 如果存在名称冲突,则重命名 jQuery 库

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    本版积分规则

    关闭

    站长推荐上一条 /2 下一条

    小黑屋|手机版|Archiver|51Testing软件测试网 ( 沪ICP备05003035号 关于我们

    GMT+8, 2024-6-23 20:13 , Processed in 0.064773 second(s), 22 queries .

    Powered by Discuz! X3.2

    © 2001-2024 Comsenz Inc.

    快速回复 返回顶部 返回列表