jQuery ---001

最新推荐文章于 2022-10-20 21:32:48 发布

dpj2008

最新推荐文章于 2022-10-20 21:32:48 发布

阅读量709

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/s_xl1988/article/details/23933003

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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，可以参考第三章

2. 解决多个jQuery和其他库冲突的方法

共三种：

（1）. 使用.noConflict()方法

（2）.如果你的jQuery(function(){...})内部不使用其他库的代码，可以想引入jQuery，再引入其他库，之后继续使用$作为jQuery的简写形式

（3）.利用闭包特性，在任意一个地方建立闭包，在其内部可以继续使用$作为jQuery的缩写，有不必担心冲突，通常jQuery的插件都是采用这种方法，当然，现引入jQuery再引入其他的库

代码：

<head>

<script src="../scripts/jquery-1.2.6.js" type="text/javascript"></script>

<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>