『jQuery』名稱沖突使用noConflict方法解決
更新時間:2013年04月22日 09:45:24 作者:
jQuery 使用 $ 符號作為 jQuery 的簡介方式。某些其他 JavaScript 庫中的函數(shù)(比如 Prototype)同樣使用 $ 符號,這樣就會發(fā)生名稱沖突,使用名為 noConflict() 的方法來解決該問題
jQuery 使用 $ 符號作為 jQuery 的簡介方式。
某些其他 JavaScript 庫中的函數(shù)(比如 Prototype)同樣使用 $ 符號。
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict(),幫助使用自己的名稱(比如 jq)來代替 $ 符號。
<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)同樣使用 $ 符號。
jQuery 使用名為 noConflict() 的方法來解決該問題。
var jq=jQuery.noConflict(),幫助使用自己的名稱(比如 jq)來代替 $ 符號。
復制代碼 代碼如下:
<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實現(xiàn)的在新窗口打開鏈接的方法小結(jié)
jQuery 實現(xiàn)在新窗口中打開鏈接方法,收集了幾個,大家可以根據(jù)需要選擇使用。2010-04-04JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能
異步操作動態(tài)添加節(jié)點,導致在代碼中給添加的節(jié)點全局綁定事件或者獲取元素無效,問題出在哪里呢?下文給大家介紹下,感興趣的朋友參考下吧2017-05-05