jquery隨記 17-07-26

標籤：衝突   隨記   img   pps   strong   引入   query   app   rip   

一、引入

　　① 官網 http://jquery.com/download/ 下載 jquery（開發版/生產版）；

　　② cdn（百度cdn：http://cdn.code.baidu.com/）引入：

　　　　<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>；

二、開始

　　1、頁面結構載入完成後執行script

　　① $(document).ready(function(){

　　    　　……

　　　　});

　　② $(function(){

　　　　……

　　　　});

　　2、jq對象與DOM對象

　　① jq轉DOM

　　　　var $cr = $(‘#cr‘);

　　　　var cr = $cr[0];  或  var cr = $cr.get(0);

　　② DOM轉jq

　　　　var cr = document.getElementById(‘cr‘);

　　　　var $cr = $(cr);

　　3、jquery 與其他庫的衝突

　　① jq 在其他庫之後匯入

　　　　jQuery.noconflict();

　　　　之後 $ 以 jQuery 代替，$ 解除佔用。

jQuery(function($){ 　　內部繼續使用 $ ; })

採用傳參的形式將實參jQuery 傳遞給 形參$ (function($){ 　　內部繼續使用 $ ; })(jQuery)

　　或   自訂備用名

　　　　var jq = jQuery.noconflict();

　　② jq 在其他庫之前置入

　　　　不需使用 noconflict() 函數，直接使用 jQuery(fucntion(){  }) 即可。

jquery隨記 17-07-26