【零基础学习web前端】jQuery 事件

Amy

【零基础学习web前端】jQuery 事件

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

jQuery 是为事件处理特别设计的。
jQuery 事件处理方法是 jQuery 中的核心函数。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例：

• 在元素上移动鼠标。
• 选取单选按钮
• 点击元素
  

常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允许我们在文档完全加载完后执行函数。

click() 方法是当按钮点击事件被触发时会调用一个函数。
该函数在用户点击 HTML 元素时执行。

[JavaScript] 纯文本查看 复制代码

$("p").click(function(){
  $(this).hide();
});

dblclick()
当双击元素时，会发生 dblclick 事件。
dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：

[JavaScript] 纯文本查看 复制代码

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()
当鼠标指针穿过元素时，会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件，或规定当发生 mouseenter 事件时运行的函数：

[JavaScript] 纯文本查看 复制代码

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});

mouseleave()
当鼠标指针离开元素时，会发生 mouseleave 事件。
mouseleave() 方法触发 mouseleave 事件，或规定当发生 mouseleave 事件时运行的函数：

[JavaScript] 纯文本查看 复制代码

$("#p1").mouseleave(function(){
    alert("再见，您的鼠标离开了该段落。");
});

竹林风

强烈支持楼主ing……

站长苏飞

我只是路过打酱油的。

惜

看到这帖子真是高兴！

liu

强烈支持楼主ing……