jQuery Migrate 插件用法實(shí)例詳解

更新時(shí)間：2019年05月22日 08:47:28 作者：gdjlc

jQuery Migrate是應(yīng)用遷移輔助插件，是用于高級(jí)版本兼容低級(jí)版本輔助插件。這篇文章主要介紹了jQuery Migrate 插件用法 ,需要的朋友可以參考下

jQuery Migrate是應(yīng)用遷移輔助插件，是用于高級(jí)版本兼容低級(jí)版本輔助插件。

例如jQuery版本用的是1.x，計(jì)劃升級(jí)到3.x，就可以在頁(yè)面刪除1.x版本，換成3.x版本，如果有腳本錯(cuò)誤，就引入jquery-migrate插件用于兼容低版本，同時(shí)也顯示低版本方法替換成新版本方法的方案。

例子：

<!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>測(cè)試按鈕</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>

點(diǎn)擊按鈕，彈出“3”。

把<script type="text/javascript" src="jquery-1.6.1.js"></script>

替換成<script type="text/javascript" src="jquery-3.3.1.js"></script>

這時(shí)點(diǎn)擊按鈕，在Chrome瀏覽器開(kāi)發(fā)者窗口中顯示腳本錯(cuò)誤：

$(...).size is not a function

在頁(yè)面再引入<script src="jquery-migrate-3.0.1.js"></script>

點(diǎn)擊按鈕，正常彈出“3”。

同時(shí)提示size方法被棄用使用length代替：

jQuery.fn.size() is deprecated and removed; use the .length property

把 $("li").size()改成$("li").length，移除jquery-migrate-3.0.1.js，點(diǎn)擊按鈕，彈出“3”。

遷移方法完成。

jquery migrate 應(yīng)用遷移輔助插件

jquery migrate
應(yīng)用遷移輔助插件（jQuery高級(jí)版本兼容低級(jí)版本輔助插件）

遇到問(wèn)題

　　jcountdown 倒計(jì)時(shí)插件需要jquery-1.8.2.min.js 而項(xiàng)目需要高版本jquery（jquery-3.1.1.min.js或jquery-1.10.1.min.js）導(dǎo)致插件沖突

　　使用jquery migrate（jquery-migrate-1.2.1.min.js）后解決問(wèn)題

總結(jié)

以上所述是小編給大家介紹的jQuery Migrate 插件用法實(shí)例詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

jQuery Migrate 1.1.0 Released 注意事項(xiàng)

相關(guān)文章

jQuery制作可自定義大小的拼圖游戲
這篇文章主要介紹了jQuery制作可自定義大小的拼圖游戲的代碼，非常的簡(jiǎn)單實(shí)用，雖然還只是局限于數(shù)字順序的拼圖，后續(xù)慢慢完善上圖片，但還是分享給大家，有需要的小伙伴可以參考下。
2015-03-03
教你用jquery實(shí)現(xiàn)iframe自適應(yīng)高度
iframe因?yàn)槟芎途W(wǎng)頁(yè)無(wú)縫的結(jié)合從而不刷新頁(yè)面的情況下更新頁(yè)面的部分?jǐn)?shù)據(jù)成為可能，可是 iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來(lái)了使用上的麻煩，給iframe設(shè)置高度的時(shí)候多了也不好，少了更是不行，今天我們就來(lái)分享2種使用jquery實(shí)現(xiàn)iframe自適應(yīng)高度的代碼
2014-06-06
uploader秒傳圖片到服務(wù)器完整代碼
這篇文章主要為大家詳細(xì)介紹了uploader秒傳圖片到服務(wù)器的完整代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
jQuery事件綁定與解除綁定實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery事件綁定與解除綁定實(shí)現(xiàn)方法,實(shí)例分析了jQuery中bind與unbind方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-04-04
使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
JQUERY的AJAX請(qǐng)求緩存里的數(shù)據(jù)問(wèn)題處理
這篇文章主要介紹了JQUERY的AJAX請(qǐng)求緩存里的數(shù)據(jù)問(wèn)題處理的相關(guān)資料,需要的朋友可以參考下
2016-02-02
原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果
這篇文章主要介紹了原生js和jQuery實(shí)現(xiàn)淡入淡出輪播效果，介紹到了jQuery實(shí)現(xiàn)淡入淡出輪播效果的基本原理，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery插件實(shí)現(xiàn)圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery插件實(shí)現(xiàn)圖片輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
多個(gè)jQuery版本共存的處理方案
本文給大家分享的是一個(gè)經(jīng)常需要碰到的問(wèn)題的解決方案，如何才能讓一個(gè)頁(yè)面中同時(shí)存在多個(gè)jQuery呢，這就是今天我們需要探討的話題了。
2015-03-03
淺談jquery拼接字符串效率比較高的方法
下面小編就為大家?guī)?lái)一篇淺談jquery拼接字符串效率比較高的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02