您好,登錄后才能下訂單哦!
本文小編為大家詳細介紹“jQuery中如何將$引用的對象映射回原始的對象”,內容詳細,步驟清晰,細節處理妥當,希望這篇“jQuery中如何將$引用的對象映射回原始的對象”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
我們可以釋放jQuery名字,傳遞true作為一個參數給這個方法。 這不是必須的,如果我們必須這樣做的話(舉個例子,如果我們在同一個頁面上使用多個版本的jQuery庫), 我們必須考慮到大多數插件依靠jQuery存在的變量,這種情況下,可能導致插件不能正常操作。
例子:
Example: 將$引用的對象映射回原始的對象。
jQuery.noConflict();
// Do something with jQuery
jQuery("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';
Example: 恢復使用別名$,然后創建并執行一個函數,在這個函數的作用域中仍然將$作為jQuery的別名來使用。在這個函數中,原來的$對象是無效的。這個函數對于大多數不依賴于其他庫的插件都十分有效。
jQuery.noConflict();
(function($) {
$(function() {
// more code using $ as alias to jQuery
});
})(jQuery);
// other code using $ as an alias to the other library
Example: 你可以通過jQuery.noConflict() ready約束為一小段代碼
var j = jQuery.noConflict();
// Do something with jQuery
j("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';
Example: 創建一個新的別名用以在接下來的庫中使用jQuery對象。
var dom = {};
dom.query = jQuery.noConflict(true);
Result:
// Do something with the new jQuery
dom.query("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';
// Do something with another version of jQuery
jQuery("div > p").hide();
Example: Load two versions of jQuery (not recommended). Then, restore jQuery's globally scoped variables to the first loaded jQuery.
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="log">
<h4>Before $.noConflict(true)</h4>
</div>
<script src="https://code.jquery.com/jquery-1.6.2.js"></script>
<script>
var $log = $( "#log" );
$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
/*
Restore globally scoped jQuery variables to the first version loaded
(the newer version)
*/
jq162 = jQuery.noConflict(true);
$log.append( "<h4>After $.noConflict(true)</h4>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>
</body>
</html>
讀到這里,這篇“jQuery中如何將$引用的對象映射回原始的對象”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。