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

来源：互联网发布：辽宁网络棋牌频道编辑：程序博客网时间：2024/06/06 05:28

什么是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对象的变量在命名时最好以$开头

效果：

0 0