jQuery对象与DOM 对象的区别和转换

最新推荐文章于 2020-10-11 20:30:21 发布

置顶一枚会开发的测试

最新推荐文章于 2020-10-11 20:30:21 发布

阅读量364

点赞数

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/qq_31080089/article/details/53128873

版权

JQuery 专栏收录该内容

4 篇文章

订阅专栏

什么是jQuery对象呢？那什么又是DOM 对象呢？

先开看代码，然后在进行解释。

代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jQuery对象与DOM 对象</title>
    <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script>
   <script type="text/javascript">
   $(document).ready(function() {
	   //1.通过DOM 对象的getElementById来获取DOM 对象p2.
	   var p2=document.getElementById("p2");
	   //2.jquery对象：var p=$("#p")得到p对象
      	$("#p").html("通过.html()来改变p 的值").css('color','red');
      //3.转换的操作：
        $(p2).html("将DOM 对象作为参数转换为jquery 对象");
        alert($("#p")[0]);
 });
   </script>
  </head>
  <body>
  <p id="p"></p>
  <p id="p2"></p>
  </body>
</html>

看下面的总结即可知道我上面提的问题：
DOM对象与jquery对象的区别和转换：
               (1)DOM对象
                    <1>概念：使用原生的JavaScript DOM API获取的元素节点对象 var liEle = document.getElementById("bj");
                    <2>限制：DOM对象不能直接使用jQuery中的属性和函数
                    <3>转换：将DOM对象作为参数传入jQuery的核心函数即可
               (2)jQuery对象
                    <1>概念：调用jQuery核心函数的返回值
                    <2>本质：DOM对象的数组
                    <3>限制：不能直接使用DOM中的属性和函数
                    <4>转换：通过数组下标找到对应的DOM对象
                    <5>命名规范：jQuery对象的变量在命名时最好以$开头

效果：