Jquery基础
来源:百度文库 编辑:神马文学网 时间:2024/04/30 03:07:22
$(document).ready(function(){
$("#switcher").click(function(event){
if(event.target==this)
{
$("#switcher .button").toggleClass("hidden");
}
});
});
此时的代码确保了被单击的元素是
$("#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);
});
这样会使切换操作只发生一次,之后就再也不会发生。
停止事件传播:
事件对象提供了一个.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基础
Jquery基础1
jquery
使用jQuery写的树,树的内容在xml中定义 |jQuery基础入门 - jQuery中文社区 - Powered by PHPWind
jQuery选择器
Jquery实例
jQuery技巧总结
10 jQuery Essentials
jQuery Essentials - Round 2
jQuery Page Peel Plugin
jQuery DOM操作
jQuery事件和动画
jQuery表格表单.
jQuery选择器1
jQuery中文入门指南
Jquery小技巧
jquery常用操作
学习jquery.autocomplete
jquery使用技巧
jQuery用法笔记
jquery判断浏览器
A Simple jQuery Slideshow
jQuery选择器的基本常识
Jquery可编辑表格