Jquery基础1

来源：百度文库编辑：神马文学网时间：2024/04/29 18:10:17

$(document).ready(function(){
$("#switcher").click(function(event){
if(event.target==this)
{
$("#switcher .button").toggleClass("hidden");
}
});
});
此时的代码确保了被单击的元素是

而不是其他后代元素。现在，单击按钮不会再折叠样式转化器，而单击边框则会触发折叠操作。停止事件传播：
事件对象提供了一个.stopPropagation()方法，该方法可以完全阻止事件冒泡。与.target类似。
例子：
$(document).ready(function(){
$("#switcher .button").click(function(event){
$("body").removeClass();
if(this.id=="switcher-narrow")
{
$("body").addClass("narrow");
}
else if(this.id=="switcher-large")
{
$("body").addClass("large");
}
$("#switcher .button").removeClass("selected");
$(this).addClass("selected");
event.stopPropagation();//停止事件传播
);
});
event.stopPropagation();可以有效的避免其他所有DOM元素响应这个事件
还有就是.preventDefault()方法则可以在触发默认操作之前终止事件。对于只需触发一次，随后要立即解除绑定的情况也有一种简单方法为.one(),这个简写方法的用法：
$(document).ready(function(){
$("#switcher").one("click",toggleStyleSwitcher);
});
这样会使切换操作只发生一次，之后就再也不会发生。

Jquery基础1 Jquery基础 jQuery选择器1 jquery 使用jQuery写的树，树的内容在xml中定义 |jQuery基础入门 - jQuery中文社区 - Powered by PHPWind jQuery选择器 Jquery实例使用jQuery简化Ajax开发——Ajax开发入门[1] 使用jQuery简化Ajax开发——Ajax开发入门[1] jQuery formValidator表单校验代码生成器ver1.1，一键产生所有代码 ... Struts2.1使用注解配置json 用jquery读取后台数据 - see how m... jQuery技巧总结 10 jQuery Essentials jQuery Essentials - Round 2 jQuery Page Peel Plugin jQuery DOM操作 jQuery事件和动画 jQuery表格表单. jQuery中文入门指南 Jquery小技巧 jquery常用操作学习jquery.autocomplete jquery使用技巧 jQuery用法笔记