jquery事件的学习

最新推荐文章于 2024-01-20 21:49:50 发布

nospeak

最新推荐文章于 2024-01-20 21:49:50 发布

阅读量65

点赞数

分类专栏： jquery 文章标签： jQuery ASP JavaScript prototype HTML ViewUI

本文链接：https://blog.csdn.net/nospeak/article/details/83810478

版权

jquery 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

[b]jQuery 事件[/b]
jQuery 事件函数
jQuery 事件处理函数是 jQuery 中的核心函数。

事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”（event）“触发”（triggered）是经常被用到的术语。

定义了一个处理 HTML 按钮的点击事件的 click 函数：

$("button").click(function() {..some code... } )

click 函数内部的代码隐藏所有 <p> 元素：

$("p").hide();

所有事件函数都在文档自身的“事件处理器”内部进行定义：

$(document).ready(function() {..some code...} )

[b]jQuery 名称冲突[/b]
jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

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


<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var $jq=jQuery.noConflict();
$jq(document).ready(function(){
  $jq("button").click(function(){
    $jq("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>

[b]jQuery 事件[/b]
下面是 jQuery 中事件函数的一些例子：

$(document).ready(function) 文档的就绪事件（当 HTML 文档就绪可用）
$(selector).click(function) 被选元素的点击事件
$(selector).dblclick(function) 被选元素的双击事件
$(selector).focus(function) 被选元素的获得焦点事件
$(selector).mouseover(function) 被选元素的鼠标悬停事件

更多事件：jQuery 参考手册 - 事件 [url]http://www.w3school.com.cn/jquery/jquery_ref_events.asp[/url]

nospeak

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery事件的学习

[b]jQuery 事件[/b]jQuery 事件函数jQuery 事件处理函数是 jQuery 中的核心函数。事件处理函数是当 HTML 中发生事件时自动被调用的函数。由“事件”（event）“触发”（triggered）是经常被用到的术语。定义了一个处理 HTML 按钮的点击事件的 click 函数：[code="js"]$("button").click(fu...
复制链接

扫一扫