jQuery事件

回眸只為那壹抹淺笑 提交于 2020-12-19 07:02:13

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

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

实例:

$(document).ready(function(){
  $("button").click(function(){
   $("p").hide(); 
  });
});

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

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

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

如这样分开:

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

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

var jq=jQuery.noConflict();

###结论###

  • 把所有 jQuery 代码置于事件处理函数中
  • 把所有事件处理函数置于文档就绪事件处理器中
  • 把 jQuery 代码置于单独的 .js 文件中
  • 如果存在名称冲突,则重命名 jQuery 库
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!