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();})
后面有空再补充。