龙空技术网

我的前端经历:超实用的JQuery语句

WEB应用开发 1782

前言:

今天同学们对“jquery手机遮罩全屏”可能比较看重,看官们都需要了解一些“jquery手机遮罩全屏”的相关资讯。那么小编同时在网摘上汇集了一些对于“jquery手机遮罩全屏””的相关知识,希望咱们能喜欢,朋友们一起来了解一下吧!

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('图片已加载完成');

});

..... 这儿简单罗列几个常用的,共大家参考,欢迎讨论指导

标签: #jquery手机遮罩全屏