最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

Jquery别名之jquery命名冲突解决办法

JS/CSS 太平洋学习网 浏览 评论

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>
来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/541.html

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论