如何檢測jquery是否已載入

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

本教學操作環境：windows7系統、jquery2.1.4版本，DELL G3電腦。

推薦：jquery影片教學

#偵測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 == &#39;undefined&#39;) {
    document.write(unescape("%3Cscript src=&#39;/skin/mobile/js/jquery.min.js&#39; type=&#39;text/javascript&#39;%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=&#39;/skin/mobile/js/jquery.min.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E"))</script>

#相關免費學習推薦：javascript（影片）

以上是如何檢測jquery是否已載入的詳細內容。更多資訊請關注PHP中文網其他相關文章！