<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../jquerysource/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--jQuery和DOM对象-->
$(function(){
//1.jQuery
var h3j=$("h3");
alert("jQuery对象:"+h3j.html());
//2.DOM
var h3dom= document.getElementsByTagName("h3")[0];
alert("document对象:"+h3dom.innerHTML);
//3.jQuery转DOM有2种方法,jQuery对象是一个类似于数组的结构
//a.通过[index]方法获取
var jtoda= h3j[0];
alert("jQuery转document对象A:"+jtoda.innerHTML);
//b.通过get(index)方法获取
var jtoda2= h3j.get(0);
alert("jQuery转document对象B:"+jtoda2.innerHTML);
//4.DOM转jQuery
var dotoj=$(h3dom);
alert("document转jQuery对象:"+dotoj.html());
//平时用到的jQuery对象都是通过$()函数构造出来的.$()就是一个jQuery对象的制造工厂
});
</script>
</head>
<body>
<h3>例子</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
<li>苹果</li>
<li>橘子</li>
<li>菠萝</li>
</ul>
</body>
</body>
</html>
jQuery和DOM对象之间的转换
最新推荐文章于 2022-06-08 21:51:20 发布