$.ajaxSetup({ ajaxSettings:{contentType:"application/x-www-form-urlencoded;chartset=GB2312"}});2.解决jQuery,prototype共存，$全局变量冲突问题：
//jQueryevent封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件var$events=$("#foo").data("events");if($events&&$events["click"]){//yourcode}4.如何使用jQuery来切换样式表
//切换（toggle）类允许你根据某个类的//是否存在来添加或是删除该类。//这种情况下有些开发者使用：a.hasClass('blueButton')a.removeClass('blueButton'):a.addClass('blueButton');//toggleClass允许你使用下面的语句来很容易地做到这一点a.toggleClass('blueButton');7.如何设置IE特有的功能：
if($.browser.msie){//InternetExplorer就是个虐待狂}8.如何使用jQuery来代替一个元素：
$('#thatdiv').replaceWith('fnuh');9.如何验证某个元素是否为空：
//方法一if(!$('#keks').html()){//什么都没有找到;}//方法二if($('#keks').is(":empty")){//什么都没有找到;}10.如何从一个未排序的集合中找出某个元素的索引号
$("ul>li").click(function(){varindex=$(this).prevAll().length;//prevAll([expr]):查找当前元素之前所有的同辈元素});11.如何把函数绑定到事件上：
//方法一$('#foo').click(function(event){alert('Userclickedon"foo."');});//方法二,支持动态传参$('#foo').bind('click',{test1:"abc",test2:"123"},function(event){alert('Userclickedon"foo."'+event.data.test1+event.data.test2);});12.如何追加或是添加html到元素中：
$('#lal').append('sometext');13.在创建元素时，如何使用对象字面量（literal）来定义属性
//在使用许多相类似的有着不同类型的input元素时，//这种基于精确度的方法很有用varelements=$('#someidinput[type=sometype][value=somevalue]').get();15.如何使用jQuery来预加载图像：
jQuery.preloadImages=function(){for(vari=0;i
$('button.someClass').live('click',someFunction);//注意，在jQuery1.4.2中，delegate和undelegate选项//被引入代替live，因为它们提供了更好的上下文支持//例如，就table来说，以前你会用$("table").each(function(){$("td",this).live("hover",function(){$(this).toggleClass("hover");});});//现在用$("table").delegate("td","hover",function(){$(this).toggleClass("hover");});17.如何找到一个已经被选中的option元素：
$('#someElement').find('option:selected');18.如何隐藏一个包含了某个值文本的元素：
$("p.value:contains('thetextvalue')").hide();19.如何创建嵌套的过滤器：
//允许你减少集合中的匹配元素的过滤器，//只剩下那些与给定的选择器匹配的部分。在这种情况下，//查询删除了任何没（:not）有（:has）//包含class为“selected”（.selected）的子节点。.filter(":not(:has(.selected))")20.如何检测各种浏览器：检测Safari(if($.browser.safari)),检测IE6及之后版本(if($.browser.msie&&$.browser.version>6)),检测IE6及之前版本(if($.browser.msie&&$.browser.version<=6)),检测FireFox2及之后版本(if($.browser.mozilla&&$.browser.version>='1.8'))
21.任何使用has()来检查某个元素是否包含某个类或是元素：
//jQuery1.4.*包含了对这一has方法的支持。//该方法找出某个元素是否包含了其他另一个元素类或是其他任何的你正在查找并要在其之上进行操作的东东。$("input").has(".email").addClass("email_icon");22.如何禁用右键单击上下文菜单：
$(document).bind('contextmenu',function(e){returnfalse;});23.如何定义一个定制的选择器
$.expr[':'].mycustomselector=function(element,index,meta,stack){//element-一个DOM元素//index–栈中的当前循环索引//meta–有关选择器的元数据//stack–要循环的所有元素的栈//如果包含了当前元素就返回true//如果不包含当前元素就返回false};//定制选择器的用法：$('.someClasses:test').doSomething();24.如何检查某个元素是否存在
if($('#someDiv').length){//万岁！！！它存在……}25.如何使用jQuery来检测右键和左键的鼠标单击两种情况：
$("#someelement").live('click',function(e){if((!$.browser.msie&&e.button==0)||($.browser.msie&&e.button==1)){alert("LeftMouseButtonClicked");}elseif(e.button==2){alert("RightMouseButtonClicked");}});26.如何替换串中的词
//这是1.3.2中我们使用setTimeout来实现的方式setTimeout(function(){$('.mydiv').hide('blind',{},500)},5000);//而这是在1.4中可以使用delay()这一功能来实现的方式（这很像是休眠）$(".mydiv").delay(5000).hide('blind',{},500);28.如何把已创建的元素动态地添加到DOM中：
varnewDiv=$('
');newDiv.attr('id','myNewDiv').appendTo('body');29.如何限制“Text-Area”域中的字符的个数：jQuery.fn.maxLength=function(max){returnthis.each(function(){vartype=this.tagName.toLowerCase();varinputType=this.typethis.type.toLowerCase():null;if(type=="input"&&inputType=="text"||inputType=="password"){//ApplythestandardmaxLengththis.maxLength=max;}elseif(type=="textarea"){this.onkeypress=function(e){varob=e||event;varkeyCode=ob.keyCode;varhasSelection=document.selectiondocument.selection.createRange().text.length>0:this.selectionStart!=this.selectionEnd;return!(this.value.length>=max&&(keyCode>50||keyCode==32||keyCode==0||keyCode==13)&&!ob.ctrlKey&&!ob.altKey&&!hasSelection);};this.onkeyup=function(){if(this.value.length>max){this.value=this.value.substring(0,max);}};}});};//用法$('#mytextarea').maxLength(500);30.如何jQuery注册和禁用jQuery全局事件
//jQuery注册ajax全局事件ajaxStart，ajaxStop：$(document).ajaxStart(function(){$("#background,#progressBar").show();}).ajaxStop(function(){$("#background,#progressBar").hide();});//ajax请求禁用全局事件：$.ajax()有个参数global(默认:true)是否触发全局AJAX事件.设置为false将不会触发全局AJAX事件，如ajaxStart或ajaxStop可用于控制不同的Ajax事件。31.如何在jQuery中克隆一个元素：
varcloned=$('#somediv').clone();32.在jQuery中如何测试某个元素是否可见
if($(element).is(':visible')){//该元素是可见的}33.如何把一个元素放在屏幕的中心位置：
jQuery.fn.center=function(){returnthis.each(function(){$(this).css({position:'absolute',top,($(window).height()-this.height())/2+$(window).scrollTop()+'px',left,($(window).width()-this.width())/2+$(window).scrollLeft()+'px'});});}//这样来使用上面的函数：$(element).center();
34.如何把有着某个特定名称的所有元素的值都放到一个数组中：
vararrInputValues=newArray();$("input[name='xxx']").each(function(){arrInputValues.push($(this).val());});35.如何从元素中除去HTML
(function($){$.fn.stripHtml=function(){varregexp=/<("[^"]*"|'[^']*'|[^'">])*>/gi;this.each(function(){$(this).html($(this).html().replace(regexp,''));});return$(this);}})(jQuery);//用法：$('p').stripHtml();36.如何使用closest来取得父元素：
$('#searchBox').closest('div');37.如何使用Firebug和Firefox来记录jQuery事件日志：
//允许链式日志记录jQuery.log=jQuery.fn.log=function(msg){if(console){console.log("%s:%o",msg,this);}returnthis;};//用法：$('#someDiv').hide().log('divhidden').addClass('someClass');38.如何强制在弹出窗口中打开链接：
//不这样做$('#navli').click(function(){$('#navli').removeClass('active');$(this).addClass('active');});//替代做法是$('#navli').click(function(){$(this).addClass('active').siblings().removeClass('active');});41.如何切换页面上的所有复选框：
vartog=false;//或者为true，如果它们在加载时为被选中状态的话$('a').click(function(){$("input[type=checkbox]").attr("checked",!tog);tog=!tog;});42.如何基于一些输入文本来过滤一个元素列表：
//如果元素的值和输入的文本相匹配的话,该元素将被返回$('.someClass').filter(function(){return$(this).attr('value')==$('input#someId').val();})43.如何获得鼠标垫光标位置x和y
$(document).ready(function(){$(document).mousemove(function(e){$(’#XY’).html(”XAxis:”+e.pageX+”|YAxis”+e.pageY);});});44.如何扩展String对象的方法
(function($){$.fn.extend({pluginOne:function(){returnthis.each(function(){//mycode});},pluginTwo:function(){returnthis.each(function(){//mycode});}});})(jQuery);46.如何检查图像是否已经被完全加载进来
$('#theImage').attr('src','image.jpg').load(function(){alert('ThisImageHasBeenLoaded');});47.如何使用jQuery来为事件指定命名空间：
//事件可以这样绑定命名空间$('input').bind('blur.validation',function(e){//...});//data方法也接受命名空间$('input').data('validation.isValid',true);48.如何检查cookie是否启用
vardt=newDate();dt.setSeconds(dt.getSeconds()+60);document.cookie="cookietest=1;expires="+dt.toGMTString();varcookiesEnabled=document.cookie.indexOf("cookietest=")!=-1;if(!cookiesEnabled){//没有启用cookie}49.如何让cookie过期：
vardate=newDate();date.setTime(date.getTime()+(x*60*1000));$.cookie('example','foo',{expires:date});50.如何使用一个可点击的链接来替换页面中任何的URL
----------------------------------------------------------------
1.预加载图片
function($){varcache=[];//Argumentsareimagepathsrelativetothecurrentpage.$.preLoadImages=function(){varargs_len=arguments.length;for(vari=args_len;i--;){varcacheImage=document.createElement('img');cacheImage.src=arguments[i];cache.push(cacheImage);}}jQuery.preLoadImages("image1.gif","/path/to/image2.png");
2.让页面中的每个元素都适合在移动设备上展示
$(window).bind("load",function(){//IMAGERESIZE$('#product_cat_listimg').each(function(){varmaxWidth=120;varmaxHeight=120;varratio=0;varwidth=$(this).width();varheight=$(this).height();if(width>maxWidth){ratio=maxWidth/width;$(this).css("width",maxWidth);$(this).css("height",height*ratio);height=height*ratio;}varwidth=$(this).width();varheight=$(this).height();if(height>maxHeight){ratio=maxHeight/height;$(this).css("height",maxHeight);$(this).css("width",width*ratio);width=width*ratio;}});//$("#contentpageimg").show();//IMAGERESIZE});
4.返回页面顶部
5.使用jQuery打造手风琴式的折叠效果
varaccordion={init:function(){var$container=$('#accordion');$container.find('li:not(:first).details').hide();$container.find('li:first').addClass('active');$container.on('click','lia',function(e){e.preventDefault();var$this=$(this).parents('li');if($this.hasClass('active')){if($('.details').is(':visible')){$this.find('.details').slideUp();}else{$this.find('.details').slideDown();}}else{$container.find('li.active.details').slideUp();$container.find('li').removeClass('active');$this.addClass('active');$this.find('.details').slideDown();}});}};
6.通过预加载图片廊中的上一幅下一幅图片来模仿Facebook的图片展示方式
varnextimage="/images/some-image.jpg";$(document).ready(function(){window.setTimeout(function(){varimg=$("").attr("src",nextimage).load(function(){//alldone});},100);});
7.使用jQuery和Ajax自动填充选择框
$(function(){$("select#ctlJob").change(function(){$.getJSON("/select.php",{id:$(this).val(),ajax:'true'},function(j){varoptions='';for(vari=0;i 8.自动替换丢失的图片 //SafeSnippet$("img").error(function(){$(this).unbind("error").attr("src","missing_image.gif");});//PersistentSnipper$("img").error(function(){$(this).attr("src","missing_image.gif");}); 9.在鼠标悬停时显示淡入/淡出特效 $(document).ready(function(){$(".thumbsimg").fadeTo("slow",0.6);//Thissetstheopacityofthethumbstofadedownto60%whenthepageloads$(".thumbsimg").hover(function(){$(this).fadeTo("slow",1.0);//Thisshouldsettheopacityto100%onhover},function(){$(this).fadeTo("slow",0.6);//Thisshouldsettheopacitybackto60%onmouseout});}); 10.清空表单数据 functionclearForm(form){//iterateoveralloftheinputsfortheform//elementthatwaspassedin$(':input',form).each(function(){vartype=this.type;vartag=this.tagName.toLowerCase();//normalizecase//it'soktoresetthevalueattroftextinputs,//passwordinputs,andtextareasif(type=='text'||type=='password'||tag=='textarea')this.value="";//checkboxesandradiosneedtohavetheircheckedstatecleared//butshould*not*havetheir'value'changedelseif(type=='checkbox'||type=='radio')this.checked=false;//selectelementsneedtohavetheir'selectedIndex'propertysetto-1//(thisworksforbothsingleandmultipleselectelements)elseif(tag=='select')this.selectedIndex=-1;});}; 11.预防对表单进行多次提交 $(document).ready(function(){$('form').submit(function(){if(typeofjQuery.data(this,"disabledOnSubmit")=='undefined'){jQuery.data(this,"disabledOnSubmit",{submited:true});$('input[type=submit],input[type=button]',this).each(function(){$(this).attr("disabled","disabled");});returntrue;}else{returnfalse;}});}); 12.动态添加表单元素 //changeeventonpassword1fieldtopromptnewinput$('#password1').change(function(){//dynamicallycreatenewinputandinsertafterpassword1$("#password1").append("");}); 13.让整个Div可点击 14.平衡高度或Div元素 varmaxHeight=0;$("div").each(function(){if($(this).height()>maxHeight){maxHeight=$(this).height();}});$("div").height(maxHeight); 15.在窗口滚动时自动加载内容 varloading=false;$(window).scroll(function(){if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){if(loading==false){loading=true;$('#loadingbar').css("display","block");$.get("load.phpstart="+$('#loaded_max').val(),function(loaded){$('body').append(loaded);$('#loaded_max').val(parseInt($('#loaded_max').val())+50);$('#loadingbar').css("display","none");loading=false;});}}});$(document).ready(function(){$('#loaded_max').val(50);});