jQuery命名冲突问题的处理方案有哪些
今天就跟大家聊聊有关“jQuery命名冲突问题的处理方案有哪些”的内容,可能很多人都不太了解,为了让大家认识和更进一步的了解,小编给大家总结了以下内容,希望这篇“jQuery命名冲突问题的处理方案有哪些”文章能对大家有帮助。
Jquery命名冲突解决办法很简单,只需要给jquery取一个别名即可,传统$命名形式我们都是这样使用jquery的,入下所示:
“jQuery命名冲突问题的处理方案有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注博信网站,小编每天都会为大家更新不同的知识。
Jquery命名冲突解决办法很简单,只需要给jquery取一个别名即可,传统$命名形式我们都是这样使用jquery的,入下所示:
<scripttype="text/javascript"> jQuery(function($){ //thiswillsetthediv'stextto"Hello". $("#myDiv").text("Hello"); }); </script> <divid="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> varjq=$.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQueryisstillworking!"); }); }); </script> <p>Thisisaparagraph.</p> <button>TestjQuery</button>
Jquery别名方式三:不需要调用noConflict()方法
<script> $(function(jq){ jq("button").click(function(){ jq("p").text("jQueryisstillworking!"); }); }); </script> <p>Thisisaparagraph.</p> <button>TestjQuery</button>
“jQuery命名冲突问题的处理方案有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注博信网站,小编每天都会为大家更新不同的知识。
版权声明
本文仅代表作者观点,不代表博信信息网立场。