每个程序员都会的35个jQuery小技巧( 二 )

2025-12-15 技巧 JQuery

Ihavebeenreplaced

');});23.jQuery延时加载功能$(document).ready(function(){window.setTimeout(function(){//dosomething},1000);});24.移除单词功能$(document).ready(function(){varel=$('#id');el.html(el.html().replace(/word/ig,""));});25.验证元素是否存在于jquery对象集合中$(document).ready(function(){if($('#id').length){//dosomething}});26.使整个DIV可点击$(document).ready(function(){$("div").click(function(){//gettheurlfromhrefattributeandlaunchtheurlwindow.location=$(this).find("a").attr("href");returnfalse;});//howtouse

home

});27.ID与Class之间转换当改变Window大小时，在ID与Class之间切换$(document).ready(function(){functioncheckwindowsize(){if($(window).width()>1200){$('body').addClass('large');}else{$('body').removeClass('large');}}$(window).resize(checkWindowSize);});28.克隆对象$(document).ready(function(){varcloned=$('#id').clone();//howtouse

});29.使元素居屏幕中间位置$(document).ready(function(){jQuery.fn.center=function(){this.css("position","absolute");this.css("top",($(window).height()-this.height())/2+$(window).scrollTop()+"px");this.css("left",($(window).width()-this.width())/2+$(window).scrollLeft()+"px");returnthis;}$("#id").center();});30.写自己的选择器$(document).ready(function(){$.extend($.expr[':'],{moreThen1000px:function(a){return$(a).width()>1000;}});$('.box:moreThen1000px').click(function(){//creatingasimplejsalertboxalert('Theelementthatyouhaveclickedisover1000pixelswide');});});31.统计元素个数$(document).ready(function(){$("p").size();});32.使用自己的Bullets$(document).ready(function(){$("ul").addClass("Replaced");$("ul>li").prepend("?");//howtouseul.Replaced{list-style:none;}});33.引用google主机上的Jquery类库（谷歌用不了，可以用百度CDN）//Example1google.load("jquery","1.2.6");google.setOnLoadCallback(function(){//dosomething});//Example2:(thebestandfastestway)34.禁用Jquery（动画）效果$(document).ready(function(){jQuery.fx.off=true;});35.与其他Javascript类库冲突解决方案$(document).ready(function(){var$jq=jQuery.noConflict();$jq('#id').show();});
【每个程序员都会的35个jQuery小技巧】