List/Grid

ajax 教程 订阅 ajax 教程

jQuery入门之(3)-事件

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入门之(2)-选择器

jQuery入门之(2)-选择器

jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作

优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:

http://docs.jquery.com/Selectors

jQuery入门之(1)

-构造函数

jQuery入门之(1) -构造函数

◦体积小(v1.2.3 15kb)
◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器

(IE6,FF,Safari,Opera)
◦链式代码
◦强大的事件、样式支持
◦强大的AJAX功能
◦易于扩

展,插件丰富

jQuery的构造函数接收四种类型的参数:

  • jQuery

    (expression,context)

  • jQuery(html)
  • jQuery(elements)
  • jQuery(fn)

第一种根据表达式(ID,DOM元素名,CSS表达式

,XPath表达式)找出文档中的元素,并组装成一个jQuery对象返回。