ajax 教程 订阅 ajax 教程
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之所以令人爱不释手,在于其强大的选择器表达式令DOM操作
优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:
http://docs.jquery.com/Selectors
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对象返回。