您的位置：首页 > Web前端 > JQuery

[置顶] jQuery对象与DOM 对象的区别和转换

2016-11-11 15:05 369 查看

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

效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航