JQuery是一个 JavaScript 库，她极大的简化了我们对 JavaScript 的编程。

今天我们总结了下平常项目中用到的一些小技巧，仅供参考。

1、替换元素

//替换元素$(document).ready(function(){    $("#id").replaceWith(' 
 I have been repaced 
')});

2、延时加载

//延时加载功能$(document).ready(function(){   window.setTimeut(function(){       // do something},1000);});

3、返回顶部按钮

//返回顶部按钮$(' a.top ' ).click(function(){    $(document.body).animate( {scrollTop: 0 } , 800 );     return false;})

 

4、预加载图片

//预加载图片$.preloadImages = function () {   for(var i=0; i
     
      ').attr('src', arguments[i]);   }}
     

 

5、检查图片是否加载完成

//检查图片是否已经加载完成$('img').load(function () {   console.log('image load successful');} )

 

6、检查某个元素是否存在

//通过length属性来判断 $(document).ready (function () {   if($('#id').length){     do something     }})

 

7、验证元素是否为空

//验证元素是否为空$(document).ready(function() {   if($('#id').html()) {      //do something    }})

 

8、把创建的元素动态地添加到DOM中

$(document).ready(function(){   var newDiv = $ ('
     
 
     
')   newDiv.attr('id', 'myNewDiv').appendTo('body');})

 

9、把创建的元素动态地添加到DOM中

//与其他javascript类库冲突解决方案$(document).ready(function() {   var $jq = jQuery.noconflict（）；   $jq('#id').show();})

 

后面有空再补充。