jquery事件的学习

xieruilin

浏览: 583428 次
性别:
来自: 深圳

最近访客更多访客>>

一共丢七只羊

danielle008

绝对可能

a1604914398

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jquery

jQuery ASP JavaScript prototype HTML

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

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

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

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

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

$("p").hide();

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

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

jQuery 名称冲突
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>

jQuery 事件
下面是 jQuery 中事件函数的一些例子：

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

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

分享到：

jQuery 效果学习之隐藏、显示、切换 | jquery元素选择器的学习

2011-01-12 10:11
浏览 897
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论