读书人

jQuery库与其他JavaScript库冲突的解决

发布时间: 2012-10-25 10:58:57 作者: rapoo

jQuery库与其他JavaScript库冲突的解决办法

    <script src="prototype.js"></script> ?
    <script src="jquery.js"></script> ?
    <script> ?
    ? jQuery.noConflict();? ?
    ? // Use jQuery via jQuery(…)? ?
    ? jQuery(document).ready(function(){? ?
    ? jQuery(”div”).hide();? ?
    ? });? ?
    ? // Use Prototype with $(…), etc.? ?
    ? $(’someid’).style.display = ‘none’;? ?
    </script>

记得要在载入完各js库后才能用jQuery.noConflict()进行重载哦,如例子中的prototype和jquery。

当然我们也可以不使用其默认的名字空间,比如我喜欢使用 $j() 而不是 jQuery() 。

    var $j = jQuery.noConflict(); ?
    $j(document).ready(function(){ ?
    ? $j(”div”).hide();? ?
    });

读书人网 >JavaScript

热点推荐