关于jquery对象与dom对象转换

来源:互联网 发布:音频制作软件手机软件 编辑:程序博客网 时间:2024/06/06 07:00

1. 关于jquery对象与dom对象转换

对于dom对象-----àjquery对象   $(dom),(直接将dom对象放到$的括号中

对于jquery对象----àdom对象    jquery对象[0]或  jquery.get(0)

<title>dom对象与jquery对象的转换</title>

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script>

$(function(){

// 得到div的dom对象     dom对象中有innerHTML方法

var div = document.getElementById("d");

// 得到一个jquery对象jquery 有html()方法

var jqueryDiv = $("#d");

// 将dom对象转换成jquery对象 并使用html()方法

$(div).html("hell jquery");

// 将jquery对象转换成dom  并使用innerHTML()方法

jqueryDiv.get(0).innerHTML="HELLO dom";

});