1. jQuery对象与DOM对象互换
(1).jQuery对象转换成DOM对象
1).jQuery对象是一个数组对象,可以通过[index]的方式,来得到相应的DOM对象。
比如:
var$cr = $("#cr");//jQuery对象
varcr= $cr[0];//DOM对象
alert(cr.checked);//检测这个checkbox是否被选中
2).另一种方式是jQuery本身提供的,通过.get(index)方式,来得到相应的DOM对象。
比如:
var $cr = $("#cr");//jQuery对象
var cr =$cr.get(0);//DOM对象
alert(cr.checked);//检测这个checkbox是否被选中了
(2).DOM对象转换成jQuery对象
对于已经是一个DOM对象的,我们只需要用$( ) 把DOM对象包装起来,就可以获得一个如假包换的jQuery对象了。比 如:$( DOM对象) ;
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); // jQuery 对象
转换后,就可以任意使用jQuery中的方法了。
通过以上提供的方法,我们可以任意的相互转换jQuery对象和DOM对象。最后再次强调下,DOM对象才能使用DOM中 的方法,jQuery对象是不可以用DOM中的方法的,但jQuery对象提供了一套更加完善的工具用于操作DOM,可以参考第三 章
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); // jQuery 对象
转换后,就可以任意使用jQuery中的方法了。
通过以上提供的方法,我们可以任意的相互转换jQuery对象和DOM对象。最后再次强调下,DOM对象才能使用DOM中 的方法,jQuery对象是不可以用DOM中的方法的,但jQuery对象提供了一套更加完善的工具用于操作DOM,可以参考第三 章
2. 解决多个jQuery和其他库冲突的方法
共三种:
(1). 使用.noConflict()方法
(2).如果你的jQuery(function(){...})内部不使用其他库的代码,可以想引入jQuery,再引入其他库,之后继续使用$作为jQuery的简写形式
(3).利用闭包特性,在任意一个地方建立闭包,在其内部可以继续使用$作为jQuery的缩写,有不必担心冲突,通常jQuery的插件都是采用这种方法,当然,现引入jQuery再引入其他的库
代码:
<head>
<!-- 引入 jQuery -->
<script src="../scripts/jquery-1.2.6.js" type="text/javascript"></script>
<!-- 引入 Prototype -->
<script src="prototype-1.6.0.2.js" type="text/javascript"></script>
<script type="text/javascript">
(function($){
$("p").css("color","red"); //函数内部的$还是jQuery的$。
})(jQuery);
$("pp").style.display = "none"; //函数外部的$是Prototype的$。
</script>
</head>
<body>
<p id="pp">testpp<p>
<p>test<p>
</body>
<p id="pp">testpp<p>
<p>test<p>
</body>
3. 小知识点
引入jQuery的方法:
可以在jQuery官网上下载JQuery包,也可以通过
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
这种方式引用jQuery