整理超实用的JQuery语句
1 checkbox 选中var toggle = false;$(& 39; ClickID& 39;) click(function(){$(& 39;input[type=checkbox]& 39;) attr(& 39;checked&
1.checkbox 选中
var toggle = false;
$('#ClickID').click(function(){
$('input[type=checkbox]').attr('checked',!toggle);
toggle = !toggle;
});
//关于checkbox选中取消的操作方式很多,我觉得这个相对简单些,同学可以在此基础上变化
2.给当前元素增加active,用于表示其为选中状态,这个我常用在横向,纵向菜单中
$('#nav li a').click(function(){
$(this).addClass('active').siblings().removeClass('active')
});
3.给AJAX请求添加progressBar(有的叫滚动条,有的是一个图片。。。)
$(document).ajaxStart(function(){
$('#background,#progressBar').show();
}).ajaxStop(function(){
$('#background,$progressBar').hide();
});
//其中'#background'是用于页面背景遮罩,'#progressBar'是我在网上找到的一个用于请求等待的图片
4.获取当前li元素的索引
$('ul>li').click(function(){
var index = $(this).prevAll().length;
});
//这个很简单,就是获取点击元素以前的同辈元素的个数
5.body中或DIV中禁用右键
$(document).bind('contextmenu',function(e){
return false;
});
6.判断一个元素(一个标签对)中的内容是否为空
if($('p').is(':empty')){
// your coding ....
}
7.判断图片是否加载完
$('#imgID').attr('src','image.jpg').load(function(){
alert('图片已加载完成');
});