jQuery $命名冲突解决方案汇总

2020-05-19 07:32:36易采站长站整理

var $j = jQuery.noConflict();        //自定义一个比较短快捷方式 
$j(function(){                        //使用jQuery 
    $j(“p”).click(function(){ 
        alert( $j(this).text() ); 
    }); 
}); 
$(“pp”).style.display = ‘none’;        //使用prototype 
</script>
</body>
</html>

例三:


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>冲突解决3</title>
<!– 引入 prototype  –>
<script src=”prototype-1.6.0.3.js” type=”text/javascript”></script>
<!– 引入 jQuery  –>
<script src=”/scripts/jquery-1.3.1.js” type=”text/javascript”></script>
</head>
<body>
<p id=”pp”>test—prototype</p>
<p >test—jQuery</p>
<script type=”text/javascript”>
jQuery.noConflict();                //将变量$的控制权让渡给prototype.js 
jQuery(function($){                    //使用jQuery 
    $(“p”).click(function(){        //继续使用 $ 方法 
        alert( $(this).text() ); 
    }); 
}); 
$(“pp”).style.display = ‘none’;        //使用prototype 
</script>
</body>
</html>

例四:


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>冲突解决4</title>
<!– 引入 prototype  –>
<script src=”prototype-1.6.0.3.js” type=”text/javascript”></script>
<!– 引入 jQuery  –>
<script src=”/scripts/jquery-1.3.1.js” type=”text/javascript”></script>