码迷,mamicode.com
首页 > Web开发 > 详细

JQuery事件函数

时间:2016-08-24 14:34:51      阅读:357      评论:0      收藏:0      [点我收藏+]

标签:

$("button").click(function(){
    $("p").hide();
  });
如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。页面引用时放到head标签里
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>
  • 如果存在名称冲突,则重命名 jQuery 库
  • jQuery 使用名为 noConflict() 的方法来解决该问题。

    var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。

  • 例子:

    $.noConflict();
    jQuery(document).ready(function(){
    jQuery("button").click(function(){
    jQuery("p").text("jQuery 仍在运行!");
    });
    });

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

JQuery事件函数

标签:

原文地址:http://www.cnblogs.com/ouyangxiaoyao/p/5802750.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!