jQuery入门[3]-事件

爱若似懂非懂垫

爱若似懂非懂垫

2016-02-19 13:54

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享jQuery入门[3]-事件教程,希望对大家能有一点小小的帮助。
jQuery对事件的支持主要包括:
bind()--为事件绑定处理程序,如:
$("p").bind("mouseenter mouseleave", function(e){
$(this).toggleClass("over");
});
unbind()--注销绑定在事件上的处理程序,如:$(document).unbind('ready');,如不给参数,则清除所有事件处理程序。
$("#unbind").click(function () {
$("#theone").unbind('click', aClick);
});
trigger()--触发某类事件。
$("button:first").trigger('click');
triggerHandler()--触发某类事件,但不触发默认的事件处理逻辑,比如a的定向。
$("input").triggerHandler("focus");
one()--为事件绑定只能被触发一次的处理程序。
$("div").one("click", function(){
});
ready()/click()/change()/toggle(fn,fn)/dblclick()各种常规事件的快捷方式,xxx(fn)为绑定处理程序,xxx()为触发事件

jQuery 1.2的事件支持命名空间,
  $("div").bind("click", function(){ alert("hello"); });
$("div").bind("click.plugin", function(){ alert("goodbye"); });
$("div").trigger("click!"); // alert("hello") only

DEMO:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

html xmlns="http://www.w3.org/1999/xhtml"
head
    titleEvents/title
    script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript"/script
    style type="text/css"
        textarea
        {
            height: 118px;
            width: 280px;
        }
    /style
    script type="text/javascript"
        $(function(){
            $('textarea').bind('propertychange',function(){
                $('#result').html($('textarea').val())
            }
            ).bind('change',function(){
                alert($('textarea').val());
            });
        });
    
    /script
/head
body
    textarea/textarea
    div id='result'/div
/body
/html
运行效果如下:


Reference:http://docs.jquery.com/Events
展开更多 50%)
分享

猜你喜欢

jQuery入门[3]-事件

Web开发
jQuery入门[3]-事件

jQuery学习5 jQuery事件模型

Web开发
jQuery学习5 jQuery事件模型

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery 入门讲解1

Web开发
jQuery 入门讲解1

JQuery 入门实例1

Web开发
JQuery 入门实例1

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery入门知识简介

Web开发
jQuery入门知识简介

jQuery 操作XML入门

Web开发
jQuery 操作XML入门

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

蓦然回首 你却在那牛棚深处 - QQ搞笑分组

蓦然回首 你却在那牛棚深处 - QQ搞笑分组

jquery 常用操作方法

jquery 常用操作方法
下拉加载更多内容 ↓