『jQuery』名稱沖突使用noConflict方法解決
更新時(shí)間:2013年04月22日 09:45:24 作者:
jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)介方式。某些其他 JavaScript 庫中的函數(shù)(比如 Prototype)同樣使用 $ 符號(hào),這樣就會(huì)發(fā)生名稱沖突,使用名為 noConflict() 的方法來解決該問題
jQuery 使用 $ 符號(hào)作為 jQuery 的簡(jiǎn)介方式。
某些其他 JavaScript 庫中的函數(shù)(比如 Prototype)同樣使用 $ 符號(hào)。
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict(),幫助使用自己的名稱(比如 jq)來代替 $ 符號(hào)。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
某些其他 JavaScript 庫中的函數(shù)(比如 Prototype)同樣使用 $ 符號(hào)。
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict(),幫助使用自己的名稱(比如 jq)來代替 $ 符號(hào)。
復(fù)制代碼 代碼如下:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
您可能感興趣的文章:
- jQuery中 noConflict() 方法使用
- jQuery中noConflict()用法實(shí)例分析
- 避免jQuery名字沖突 noConflict()方法
- 三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
- 輕松搞定jQuery.noConflict()
- 學(xué)習(xí)jQuery中的noConflict()用法
- jquery插件沖突(jquery.noconflict)解決方法分享
- jQuery中noconflict函數(shù)的實(shí)現(xiàn)原理分解
- jQuery用noConflict代替$的實(shí)現(xiàn)方法
- jQuery noConflict() 方法用法實(shí)例分析
相關(guān)文章
JQuery實(shí)現(xiàn)的在新窗口打開鏈接的方法小結(jié)
jQuery 實(shí)現(xiàn)在新窗口中打開鏈接方法,收集了幾個(gè),大家可以根據(jù)需要選擇使用。2010-04-04JQuery 中幾個(gè)類選擇器的簡(jiǎn)單使用介紹
類選擇器想必很多喜歡jquery的朋友早早就涉及到了吧,它們的使用也應(yīng)該了如指掌了吧,接下來幫大家溫習(xí)下幾個(gè)簡(jiǎn)單類選擇器的使用方法,感興趣的你可以參考下哈,希望對(duì)你有所幫助2013-03-03jQuery插件dataTables添加序號(hào)列的方法
這篇文章主要介紹了jQuery插件dataTables添加序號(hào)列的方法的相關(guān)資料,需要的朋友可以參考下2016-07-07JQuery Ajax 異步操作之動(dòng)態(tài)添加節(jié)點(diǎn)功能
異步操作動(dòng)態(tài)添加節(jié)點(diǎn),導(dǎo)致在代碼中給添加的節(jié)點(diǎn)全局綁定事件或者獲取元素?zé)o效,問題出在哪里呢?下文給大家介紹下,感興趣的朋友參考下吧2017-05-05jQueryUI Datepicker組件設(shè)置日期高亮
這篇文章主要介紹了jQueryUI Datepicker組件設(shè)置日期高亮的相關(guān)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2014-07-07jQuery實(shí)現(xiàn)限制文本框的輸入長(zhǎng)度
本文分享了jQuery實(shí)現(xiàn)限制文本框的輸入長(zhǎng)度的示例代碼,具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01