2.1事件编写
$(function(){
//编写代码
})
2.2事件绑定
$(function(){
$("#a h1.head").bind("click",function(){
$(this).next().show();
})
})
2.3合成事件
2.3.1 hover()
$(function(){
$("#a h1.head").hover(function(){
$(this).next.show();
},function(){
$(this).next.hide();
})
});
2.3.2 toggle()
$(function(){
$("#a h1.head").toggle(function(){
$(this).next().toggle();
},function(){
$(this).next().toggle();
})
});
2.4阻止默认动作
$(function(){
$("#sub").bind("click",function(event){
var username = $("#username").val(); //获取元素的值
if(username==""){ //判断值是否为空
$("#msg").html("<p>文本框的值不能为空.</p>"); //提示信息
return false;
}
})
})
2.5移除事件
$(function(){
$('#btn').bind("click", myFun1 = function(){
$('#test').append("<p>我的绑定函数1</p>");
}).bind("click", myFun2 = function(){
$('#test').append("<p>我的绑定函数2</p>");
}).bind("click", myFun3 = function(){
$('#test').append("<p>我的绑定函数3</p>");
});
$('#delTwo').click(function(){
$('#btn').unbind("click",myFun2);
});
})
2.6 fadeIn()和fadeOut通过改变透明度
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next("div.content").fadeOut();
},function(){
$(this).next("div.content").fadeIn();
})
})
2.7 slideUp()和slideDown()通过改变高度
$(function(){
$("#panel h5.head").toggle(function(){
$(this).next("div.content").slideUp();
},function(){
$(this).next("div.content").slideDown();
})
})
分享到:
相关推荐
jquery图片加载动画——queryloader2 兼容所有浏览器
JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记
一天搞定jQuery(二)——使用jQuery表格的隔行换色
一天搞定jQuery(五)——使用jQuery完成下拉列表左右选择
jquery经验总结——页面加载事件ready(fun)
一天搞定jQuery(四)——使用jQuery完成省市二级联动的效果
Jquery中$与$.fn的区别实例.zip——该压缩文件将将教会你Jquery中$与$.fn的区别 ,欢迎下载
jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画jquery动画
一天搞定jQuery(一)——使用jQuery完成定时弹出广告
用jquery仿sohu登录——邮箱文本框输入提示 最近在弄一个网站,会员注册、登录时均需要邮箱,为是用户录入,仿sohu登录,用jquery做了一个邮箱输入智能提示,不足之处,请大家指正,不要只扔板砖啊...呵... 目前ie,...
JQuery笔记JQuery笔记JQuery笔记JQuery笔记JQuery笔记
一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选
jQuery中文版1.4——1.7API参考手册CHM版
Jquery学习笔记 Jquery学习笔记 Jquery学习笔记
NULL 博文链接:https://xa-zbl.iteye.com/blog/552797
jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记
学习jQuery解决选择器和事件方法 jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 函数库。 1.2.jQuery的优势 可以简化JavaScript代码 可以像css那样获取元素 可以修改css来控制页面效果 ...
jQuery实例讲解——通过一些小实例讲解jQuery的应用