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>