jQuery 常见小例汇总
1
//这段代码展示了在用户未输入值时，
//如何在文本类型的input域中保留
//一个默认值
wap_val=[];
$(".swap").each(function(i){
wap_val[i]=$(this).val();
$(this).focusin(function(){
if($(this).val()==swap_val[i]){
$(this).val("");
}
}).focusout(function(){
if($.trim($(this).val())==""){
$(this).val(swap_val[i]);
}});});
2
varel=$('#id');
el.html(el.html().replace(/word/ig,''));
3
$('button.someClass').live('click',someFunction);
//注意，在jQuery1.4.2中，delegate和undelegate选项
//被引入代替live，因为它们提供了更好的上下文支持
//例如，就table来说，以前你会用
//.live()
$("table").each(function(){
$("td",this).live("hover",function(){
$(this).toggleClass("hover");
});
});
//现在用
$("table").delegate("td","hover",function(){
$(this).toggleClass("hover");
});
4.如何把已创建的元素动态地添加到DOM中：
varnewDiv=$('');
newDiv.attr('id','myNewDiv').appendTo('body');
5
varcloned=$('#somediv').clone();
6
if($(element).is(':visible')=='true'){
//该元素是可见的
}
7.JQ中定位
jQuery.fn.center=function(){
this.css('position','absolute');
this.css('top',($(window).height()-this.height())/+$(window).scrollTop()+'px');
this.css('left',($(window).width()-this.width())/2+$(window).scrollLeft()+'px');
returnthis;
}
//这样来使用上面的函数：
$(element).center();
8.如何把有着某个特定名称的所有元素的值都放到一个数组中：
vararrInputValues=newArray();
$("input[name='table[]']").each(function(){
arrInputValues.push($(this).val());
});
9.在jQuery中如何使用.siblings()来选择同辈元素
$('#navli').click(function(){
$('#navli').removeClass('active');
$(this).addClass('active');
});
//替代做法是
$('#navli').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});
10.正反选
vartog=false;
$('a').click(function(){
$("input[type=checkbox]").attr("checked",!tog);
tog=!tog;
});
11.如何获得鼠标垫光标位置x和y
$(document).ready(function(){
$(document).mousemove(function(e){
$('#XY').html(”XAxis:”+e.pageX+”|YAxis”+e.pageY);
});
});
12.如何把整个的列表元素（ListElement，LI）变成可点击的
$("ulli").click(function(){
window.location=$(this).find("a").attr("href");
returnfalse;
});
13.如何检查图像是否已经被完全加载进来
$('#theImage').attr('src','image.jpg').load(function(){
alert('ThisImageHasBeenLoaded');
});
14.如何检查cookie是否启用
vardt=newDate();
dt.setSeconds(dt.getSeconds()+60);
document.cookie="cookietest=1;expires="+dt.toGMTString();
varcookiesEnabled=document.cookie.indexOf("cookietest=")!=-1;
if(!cookiesEnabled){
//没有启用cookie
}
15.如何让cookie过期：
vardate=newDate();
date.setTime(date.getTime()+(x*60*1000));
$.cookie('example','foo',{expires:date});
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！