css部分为不同的链接添加不同的样式a[href^="http"]{padding-right:20px;background:url(external.gif)no-repeatcenterright;}/*email*/a[href^="mailto:"]{padding-right:20px;background:url(email.png)no-repeatcenterright;}/*pdf*/a[href$=".pdf"]{padding-right:20px;background:url(pdf.png)no-repeatcenterright;}跨浏览器灰度图动画背景按钮{background-image:linear-gradient(#5187c4,#1c2f45);background-size:auto200%;background-position:0100%；过渡：背景位置0.5s；}按钮：悬停{背景位置ion:00;}Clearfloat/*方法1*/.clear-fix{clear:both;显示：块；高度：0；溢出：隐藏；}/*IE*/.clear{溢出：自动；缩放：1；/*IE6*/}/*方法二*/&:after{content:"";显示：块；高度：0；溢出：隐藏；clear:both;}/*方法3*//*将浮动元素用非浮动div包裹起来*/表格宽度自适应td{white-space:nowrap;}anyshadow.box-shadow{background-color:#FF8020；宽度：160px；高度：90px；margin-top：-45px；margin-left：-80px；position：absolute；top：50%；left：50%；}.box-shadow:after{content:"“；宽度：150px；高度：1px；margin-top：88px；margin-left：-75px；display：block；position：absolute；left：50%；z-index：-1；-webkit-box-shadow：0px0px8px2px#000000;-moz-box-shadow:0px0px8px2px#000000;box-shadow:0px0px8px2px#000000;}文本宽度自适应pre{white-space:pre-line;word-wrap:break-word;}blurrytext.blurry-text{color:transparent;text-shadow:005pxrgba(0,0,0,0.5);}网页加载动画loading:after{overflow:hidden;display:inline-块；垂直对齐：底部；动画：省略号2sinfinite;content:"\2026";}@keyframesellipsis{from{width:2px;}to{width:15px;}}窗口浮动Thistextwillfly解决input:textautofill变黄的问题input:-webkit-autofill{-webkit-box-shadow:000px10000pxwhiteinset!important;box-shadow:000px10000pxwhiteinset!important;}jQuery部分返回标题$('a.top').click(function(e){e.preventDefault();$(body).animate({scrollTop:0},800);});预加载图像$.preloadImages=function(){for(vari=0;i').attr('src',arguments[i]);}};$.preloadImages('img/hover-on.png','img/hover-off.png');自动替换加载失败的图片$('img').on('error',function(){$(this).prop('src','img/broken.png');});switchelements各种样式$('.btn').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});禁用/启用提交按钮$('input[type="提交"]').prop('已禁用',true);$('input[type="submit"]').prop('已禁用',false);组织默认事件$('a.no-link').click(function(e){e.preventDefault();});toggleanimation//淡入淡出$('.btn').click(function(){$('.element').fadeToggle('slow');});//淡入淡出$('.btn').click(function(){$('.element').slideToggle('slow');});简单的手风琴风格$('#accordion').find('.content').hide();//关闭所有标签$('#accordion').find('.accordion-header').click(function(){varnext=$(this).next();next.slideToggle('fast');$('.content').not(next).slideUp('fast');返回false;});调整多个div相同的高度var$columns=$('.column');变种高度=0;$columns.each(function(){if($(this).height()>height){height=$(this).height();}});$columns.height(高度);不同样式的相同链接$('a[href^="http"]').attr('target','_blank');$('a[href^="//"]').attr('target','_blank');$('a[href^="'+window.location.origin+'"]').attr('target','_self');//无法在IE10中工作$("a[href$=pdf]").addClass('pdf');$("a[href$=doc]").addClasss('doc');$("a[href$=xls]").addClass('xls');按内容查找元素varsearch=$('#search').val();$('div:not(:contains("'+search+'"))').hide();当另一个元素获得焦点时触发$(document).on('visibilitychange',function(e){if(e.target.visibilityState==="visible"){console.log('Tabisnowinview!');}elseif(e.target.visibilityState==="hidden"){console.log('Tab现在隐藏了！');}});显示Ajax错误信息$(document).ajaxError(function(e,xhr,settings,error){console.log(error);});禁用右键菜单$(document).ready(function(){$(document).bind("contextmenu",function(e){e.preventDefault();})})模拟占位符属性$(document)。ready(function(){var$input_text=$("input[type=text]");$input_text.val("在这里输入你的话...");varoriginalValue=input.val();input.focus(function(){if($.trim(input.val())==originalValue){input.val("");}}).blur(function(){if($.trim(input.val())==""){input.val(originalValue);}});});判断元素是否存在$(document).ready(function(){if($('#id').length){//做某事}});扩大标签区域$("div").click(function(){window.loaction=$(this).find("a").attr("href");returnfalse;});根据浏览器大小选择不同的类$(document).ready(function(){$(window).resize(function(){if($(window).width()>1200){$('body').addClass('large');}else{$('body').removeClass('large')}});});自定义伪类选择器$.extend($.expr[':'],{moreThan500px:function(a){return$(a)??.width>500;}});//创建一个伪选择器':moreThan500px'禁用jQuery所以动画$.fx.off=true;判断鼠标左右键$("#id").mousedown(function(e){switch(e.witch){case1://leftclickbreak;case2://middleclickbreak;case3://右键单击break；默认：break；}}）；输入提交表单$("input").keyup(function(e){if(e.witch==13||e.keyCode==13){$("#submit").trigger('click');}});配置Ajax全局参数$("#load").ajaxStart(function(){showLoading();disableButton();})。ajaxComplete(function(){hideLoadi吴（）;enableButton();});用siblings()选择兄弟元素$("#navli").click(function(){$(this).addClass("active").sibling().removeClass('active');});用Firebug输出日志jQuery.log=jQuery.fn.log=function(msg){if(console){console.log("%s,%o",msg,this);}返回$(这个);//链式调用}CSS钩子$.cssHooks['borderRadius']={get:function(ele,computed,extra){//读取-moz-border-radius,-webkit-border-radius,-o-border-radius、-ms-border-radius或border-radius取决于浏览器。}set:function(ele,value){//设置上面所有的属性。}};限制textarea的文字数量jQuery.fn.maxLength=function(max){this.each(function(){vartype=this.tagName.toLowerCase();varinputType=this.type?this.type.toLowerCase():null;if(type=="input"&&inputType=="text"||inputType=="password"){this.maxLength=max;//使用正常长度}elseif(type=="textarea"){this.onkeypress=function(e){varob=e||窗口事件；varkeyCode=ob.keyCode;varhasSelection-document.selection?document.selection.createRange().text.length>0:this.selectionStart!=this.selectionEnd;返回!(this.value.length>=max&&(keyCode>50||keyCode==32||keyCode==0||keyCode==13)&&!ob.ctrlKey&&!ob.altKey&&!ob.shiftKey&&!有选择);};this.onkeyup=function(){if(this.value.length>max){this.value=this.value.substring(0,max);}};}});};删除字符串中的HTML标签$.fn.stripHTML=function(){varregexp=/<("[^"]*"|'[^']'|[^'">])*/吉;this.each(function(){$(this).html($(this).html().replace(regexp,""));});return$(this);}使用proxy()函数函数$("panel").fadeIn(function(){$("panelbutton").click(function(){$(this).fadeOut();//'this'是按钮，不是面板});$("面板按钮").click($.proxy(function(){$(this).fadeOut();//'this'是面板，不是按钮},this));});禁用前进和后退按钮$(document).ready(function(){window.history.forward(1);window.history.forward(-1);})类数组对象的Javascript部分被转换成数组functiontrans(obj){return[].slice.call(obj);}//下面是ES6方法functiontrans(obj){returnArray.from(obj);}判断浏览器js版本(duck型)//js版本检测varJS_ver=[];(Number.prototype.toFixed)?JS_ver.push("1.5"):false;([].indexOf&&[].forEach)?JS_ver.push("1.6"):false;((function(){try{[a,b]=[0,1];returntrue;}catch(ex){returnfalse;}})())?JS_ver.push("1.7"):false;([].reduce&&[].reduceRight&&JSON)?JS_ver.push("1.8"):false;("".trimLeft)?JS_ver.push("1.8.1"):false;JS_ver.supports=function(){if(arguments[0]) return(!!~this.join().indexOf(arguments[0]+",")+","); else return(this[this.length-1]);}console.log("此浏览器支持的Javascript版本："+JS_ver.supports());获取url中参数functiongetURIData(url){varpara=url.slice(url.indexOf('?')+1);varreg=/&?(\w*)=([%\w]*)/g;变量温度，数据={}；while(temp=reg.exec(para)){data[temp[1]]=window.decodeURIComponent(temp[2]);}returndata;}利用documentFragment避免多次刷新DOM(functioncreateList(){ varlis=["firstitem","seconditem","thirditem", "fourthitem","fithitem"]; varFrag=document.createDocumentFragment(); while(lis.length){ varli=document.createElement("li"); li.appendChild(document.createTextNode(lis.shift())); Frag.appendChild(li); } document.getElementById('myUL').appendChild(Frag);})();
