jQuery Migrate 插件用法實例詳解
jQuery Migrate是應用遷移輔助插件,是用于高級版本兼容低級版本輔助插件。
例如jQuery版本用的是1.x,計劃升級到3.x,就可以在頁面刪除1.x版本,換成3.x版本,如果有腳本錯誤,就引入jquery-migrate插件用于兼容低版本,同時也顯示低版本方法替換成新版本方法的方案。
例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript" src="jquery-1.6.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("li").size());
});
});
</script>
</head>
<body>
<button>測試按鈕</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
點擊按鈕,彈出“3”。
把<script type="text/javascript" src="jquery-1.6.1.js"></script>
替換成<script type="text/javascript" src="jquery-3.3.1.js"></script>
這時點擊按鈕,在Chrome瀏覽器開發(fā)者窗口中顯示腳本錯誤:

$(...).size is not a function
在頁面再引入<script src="jquery-migrate-3.0.1.js"></script>
點擊按鈕,正常彈出“3”。
同時提示size方法被棄用使用length代替:
jQuery.fn.size() is deprecated and removed; use the .length property

把 $("li").size()改成$("li").length,移除jquery-migrate-3.0.1.js,點擊按鈕,彈出“3”。
遷移方法完成。
jquery migrate 應用遷移輔助插件
jquery migrate
應用遷移輔助插件(jQuery高級版本兼容低級版本輔助插件)
遇到問題
jcountdown 倒計時插件需要jquery-1.8.2.min.js 而項目需要高版本jquery(jquery-3.1.1.min.js或jquery-1.10.1.min.js)導致插件沖突
使用jquery migrate(jquery-migrate-1.2.1.min.js)后解決問題
總結(jié)
以上所述是小編給大家介紹的jQuery Migrate 插件用法實例詳解,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
相關(guān)文章
使用jquery獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄褂胘query獲取url以及jquery獲取url參數(shù)的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JQUERY的AJAX請求緩存里的數(shù)據(jù)問題處理
這篇文章主要介紹了JQUERY的AJAX請求緩存里的數(shù)據(jù)問題處理的相關(guān)資料,需要的朋友可以參考下2016-02-02

