如何檢測jquery是否已載入

檢測jquery是否已載入的方法：1、判斷【jQuery()】是否被定義，程式碼為【if (jQuery) { jQuery 已載入}】；2、判斷【$()】是否被定義，程式碼為【if(typeof jQuery == 'undefined'】。

本教學操作環境：windows7系統、jquery3.2.1版本，該方法適用於所有品牌電腦。

推薦：

檢測jquery是否已載入的方法：

當前網頁載入jQuery後，jQuery()或$()函數將會被定義，所以檢測jQuery是否已經載入存在以下2種方法：

方法1:

if (jQuery) { 
// jQuery 已載入 
} else { 
// jQuery 未載入 
}

方法2:

if (typeof jQuery == 'undefined') { 
// jQuery 未載入 
} else { 
// jQuery 已載入 
}

備註:

以上我們通過檢測jQuery函數是否已定義，這是一個比較安全可靠的方法，因為當你載入jQuery.js後，可能會再載入prototype.js或mootools.js等，其中可能會重定義$()函數, 檢測$()函數是否存在將會不準確。

平時我們載入jquery，如果頻寬與速度不是很好的情況可以考慮參照第三方的jquery

<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
  if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
  }
</script>

或者

<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"))</script>

相關免費學習推薦：（視訊）

以上就是如何檢測jquery是否已載入的詳細內容，更多請關注TW511.COM其它相關文章！