解决jQuery冲突问题
<script type="text/javascript">
function $(id){return document.getElementById(id);}
</script>
解决方法就是在评论和推荐功能的代码执行之前夺回$的控制权,代码如下:
<script type="text/javascript">
if ($ != jQuery) {
$ = jQuery.noConflict();
}
</script>
jQuery.noConflict();</p>
<p>jQuery(“#content”).hide(); //使用 jQuery 选择器</p>
<p>$(“content”).style.display = ‘none’; //继续使用其它框架的 $ 选择器
jQuery.noConflict();</p>
<p>jQuery(“#content”).hide(); //使用 jQuery 选择器</p>
<p>$(“content”).style.display = ‘none’; //继续使用其它框架的 $ 选择器
(function($) {</p>
<p> // 这里面的 $ 属于 jquery</p>
<p>})(jQuery);
var j = jQuery.noConflict();
j(document).ready(function(){
//代码,如j("#name")
}
如果不用JQuery,为了不频繁使用 document.getElementById() 这个方法,很多人会写下面的一个方法来解决这个问题:
1 var $ = function (id) {
2 return "string" == typeof id ? document.getElementById(id) : id;
3 };
但是你如果突然想使用JQuery,那么这么写会与JQuery冲突的,导致JQuery获取不了对象。所以比较安全的写法是:
1 var $id = function (id) {
2 return "string" == typeof id ? document.getElementById(id) : id;
3 };
或者:
1 var $id = function (id) {
2 //避免与jQuery的$函数冲突
3 return typeof id == "string" ? document.getElementById(id) : id;