Jquery命名冲突解决办法很简单,只需要给jquery取一个别名即可,传统$命名形式我们都是这样使用jquery的,入下所示:
<script type="text/javascript">
jQuery(function($) {
// this will set the div's text to "Hello".
$("#myDiv").text("Hello");
});
</script>
<div id="myDiv">Text</div>当然了,我们Jquery中除了使用传统的$符号之外,还能给jquery取别名,这样就可以解决一些js框架中的不必要问题,使用方法如下:
Jquery别名方式一:必须要调用noConflict()方法
$.noConflict();
jQuery( document ).ready(function( $ ) {
// 默认
$('body').append('<div>Hello</div>')
});
jQuery( document ).ready(function( jq ) {
// 起jq别名
jq('body').append('<div>Hello</div>')
});Jquery别名方式二:返回一个jq作为别名,必须要调用noConflict()方法
<script>
var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});
</script>
<p>This is a paragraph.</p>
<button>Test jQuery</button>Jquery别名方式三:不需要调用noConflict()方法
<script>
$(function(jq){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});
</script>
<p>This is a paragraph.</p>
<button>Test jQuery</button>