解决jquery冲突的几种方法

方法一： 

jQuery.noConflict();               //将变量$的控制权让渡给prototype.js
jQuery(function(){                 //使用jQuery
        jQuery("p").click(function(){
                alert( jQuery(this).text() );
        });
});

$("pp").style.display = 'none';    //使用prototype

方法二：

var $j = jQuery.noConflict();                //自定义一个比较短快捷方式
$j(function(){                               //使用jQuery
        $j("p").click(function(){
                alert( $j(this).text() );
        });
});

$("pp").style.display = 'none';                //使用prototype

方法三：

jQuery.noConflict();                            //将变量$的控制权让渡给prototype.js
jQuery(function($){                             //使用jQuery
        $("p").click(function(){                //继续使用 $ 方法
                alert( $(this).text() );
        });
});

$("pp").style.display = 'none';                //使用prototype

方法四：

jQuery.noConflict();                           //将变量$的控制权让渡给prototype.js
(function($){                                  //定义匿名函数并设置形参为$
        $(function(){                          //匿名函数内部的$均为jQuery
                $("p").click(function(){       //继续使用 $ 方法
                        alert($(this).text());
                });
        });
})(jQuery);                                     //执行匿名函数且传递实参jQuery

$("pp").style.display = 'none';                //使用prototype

方法五： 

jQuery(function(){               //直接使用 jQuery ,没有必要调用"jQuery.noConflict()"函数。
        jQuery("p").click(function(){      
                alert( jQuery(this).text() );
        });
});

$("pp").style.display = 'none'; //使用prototype

转载于:https://my.oschina.net/nancywong/blog/362161