标签:功能 项目 false turn reload read 类库 mat 冲突
JQuery是一个 JavaScript 库,她极大的简化了我们对 JavaScript 的编程。
今天我们总结了下平常项目中用到的一些小技巧,仅供参考。
//替换元素 $(document).ready(function(){ $("#id").replaceWith(‘ <p> I have been repaced </p>‘) });
//延时加载功能 $(document).ready(function(){ window.setTimeut(function(){ // do something },1000); });
//返回顶部按钮 $(‘ a.top ‘ ).click(function(){ $(document.body).animate( {scrollTop: 0 } , 800 ); return false; })
//预加载图片 $.preloadImages = function () { for(var i=0; i<arguments.length; i++){ $(‘ <img>‘).attr(‘src‘, arguments[i]); } }
//检查图片是否已经加载完成 $(‘img‘).load(function () { console.log(‘image load successful‘); } )
//通过length属性来判断
$(document).ready (function () { if($(‘#id‘).length){ do something } })
//验证元素是否为空 $(document).ready(function() { if($(‘#id‘).html()) { //do something } })
$(document).ready(function(){ var newDiv = $ (‘<div> </div>‘) newDiv.attr(‘id‘, ‘myNewDiv‘).appendTo(‘body‘); })
//与其他javascript类库冲突解决方案 $(document).ready(function() { var $jq = jQuery.noconflict(); $jq(‘#id‘).show(); })
后面有空再补充。
标签:功能 项目 false turn reload read 类库 mat 冲突
原文地址:https://www.cnblogs.com/ning123/p/11028534.html