jQuery学习笔记(五六)——高级事件

一、自定义事件

1、$(‘input‘).trigger(‘click‘)      模拟操作点击事件

2、$(‘input‘).bind(‘myEvent‘,fn).trigger(‘myEvent‘)    自定义事件

3、$().trigger()/$().triggerHandler()      区别是triggerHandler阻止默认事件,没有返回值(define)

二、命名空间:

    $(‘input‘).bind(‘click.abc‘,fn)    设置带命名空间的点击事件

    $(‘input‘).unbind(‘click.abc‘)    移除带命名空间的点击事件

三、事件委托:

1、$(‘#box‘).delegate(‘.button‘,‘click‘,fn)    将事件绑定在box

2、$(‘#box‘).undelegate(‘.button‘,‘click‘)    取消绑定

四、绑定事件

1、bind()

2、unbind()

3、live()

4、die()

5、delegate()

6、undelegate()        以上6种是绑定和取消绑定的方法,将全部都被on、off、one替代

7、$(‘#box‘).on(‘click‘,‘.button‘,fn)    绑定事件委托

8、$(‘#box‘).off(‘click‘,‘.button‘,fn)    取消绑定事件委托

9、$(‘#box‘).one(‘click‘,‘.button‘,fn)    只能执行一次事件

时间: 2024-12-21 16:44:31

jQuery学习笔记(五六)——高级事件的相关文章

jQuery源码学习笔记五 六 七 八 转

jQuery源码学习笔记五 六 七 八 转 Js代码   <p>在正式深入jQuery的核心功能选择器之前,还有一些方法,基本都是数组方法,用于遴选更具体的需求,如获得某个元素的所有祖选元素啦,等等.接着是其缓存机制data.</p> <pre class="brush:javascript;gutter:false;toolbar:false"> //@author  司徒正美|なさみ|cheng http://www.cnblogs.com/ru

jquery学习笔记(三)事件和动画

一.ready机制 $(document).ready( function(){} ) $().ready( function(){} ) $( function(){} )  jquery的ready函数会在dom准备完毕后执行,并且可以多次使用 $(selector).load( function(){} ) 此方法相当于js自身的onload方法 如 $(window).load(function(){})    相当于  window.onload=function(){} ------

jQuery 学习笔记(三)——事件与应用

页面加载时触发ready()事件 ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行.此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){}); 例如,当触发页面的ready()事件时,在<div>元素中显示一句话.如下图所示: 在浏览器中显示的效果: 从图中可以看出,当页面的DOM框架完成加载后,便触发ready(

jquery学习笔记(六)插件的编写

一.对jQuery对象的扩展 ;(function($){ $.fn.extend(  { fun1:abc,fun2:1bc - } ) })(jQuery) 二.对jQuery本身的扩展,相当于静态方法 ;(function($){ $.extend(  { fun1:abc,fun2:1bc - } ) })(jQuery) 注意: 1.jquery插件的推荐命名方式为 jquery.插件名.js 2.在插件内部,this指向的是当前的jquery对象 3.有必要时要返回juqery对象,

jQuery学习笔记(2014年8月3日)事件委派

jQuery中的事件委托是通过 closest() 来完成的. closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上. 参考资料: jQuery 遍历 - closest() 方法http://www.w3school.com.cn/jquery/traversing_closest.asp jQuery学习笔记(2014年8月3日)事件委派

锋利的JQuery 学习笔记

第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);}) ·链式操作:JQuery允许你在一句代码中操做任何与其相关联的元素,包括其子元素.父元素等//选择名称为myDiv的元素,为其自身添加css1的样式,然后再选择其所有子元素a,为其移除css2样式$(“#myDiv”).addClass(“css1″).children(“a”).removeClass(“css2″); ·

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

GDI+学习笔记(六)渐变画刷

画刷,顾名思义,就是像画刷一样,向设备上绘制,还记得小时候常唱的首歌,"我是一个粉刷匠.." 好吧,跑题了. 本系列博客希望尽可能简单的描述每项功能,而不希望把每个参数都介绍的详详细细,如果需要,请查阅msdn,本节讲述的渐变画刷,主要有两种,一种是叫线性画刷(LinearGradientBrush),还有一种叫路径画刷(PathGradientBrush),我希望以一种尽可能简单的方式去描述它,但能力有限,所以有什么意见,希望各位能帮忙提出,谢谢. (一)使用画刷 上一节中,我们实际

WEB前端学习笔记 五

接web前端学习笔记第四篇,此篇为web学习笔记 五,在此感谢您的采集和转发,但请注明文章出自网知博学. 2.0.3  html标签的属性格式 现在我们知道了两个双标签分别是,标题标签:<h1> - <h6>.和段落标签:<p></p>还知道了一个换行的单标签:<br />,现在我们给<p></p>标签添加一个属性,来改变段落是右对齐,还是左对齐,还是居中. 如上图,<p>标签中的 align(中文就是排列的意

Caliburn.Micro学习笔记(五)----协同IResult

Caliburn.Micro学习笔记(五)----协同IResult 今天说一下协同IResult 看一下IResult接口 /// <summary> /// Allows custom code to execute after the return of a action. /// </summary> public interface IResult { /// <summary> /// Executes the result using the specif