jQuery对象和Dom对象

时间：2022-02-13 23:56:15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>1-4</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 引入 jQuery -->

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

<script type="text/javascript">

//等待dom元素加载完毕.

$(document).ready(function(){

var domObj = document.getElementsByTagName("li")[0]; // Dom对象

var $jQueryObj = $(domObj); //jQuery对象

alert("DOM对象："+domObj.innerHTML);

alert("jQuery对象："+$jQueryObj.html());

});

</script>

</head>

<body>

<h3>例子</h3>

<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>

<ul>

<li>苹果</li>

<li>橘子</li>

<li>菠萝</li>

</ul>

</body>

</html>

JavaScript通过innerHTML方法    jquery通过html()方法



相关文章