jquery dom对象和js DOM对象互相转换

最新推荐文章于 2023-02-19 21:50:18 发布

litongjava

最新推荐文章于 2023-02-19 21:50:18 发布

阅读量954

点赞数

分类专栏： js 文章标签： jquery dom对象和js DOM对象互相转换 jqurey对象和js对象转换

本文链接：https://blog.csdn.net/litong131219/article/details/103246144

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

导入远程jquery库

http://libs.baidu.com/jquery/1.9.1/jquery.min.js

jquery对象转js对象

$("#span3")获取到的是一个数组,数组的第0个元素就是dom对象

js dom对象转jquery对象

$(dom对象)

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function test1() {
  var spn1 = document.getElementById("spn1");
  spn1.innerHTML = "span1";
}

function test2() {
  $("#spn2").html("span2");
}

function test3() {
  //jQuery对象转换成js对象
  //$(this).get(0)与$(this)[0]等价
  $("#spn3")[0].innerHTML = "span3";
}
function test4(){
  var spn4 = document.getElementById("spn4");
  //js对象转jquery对象
  $(spn4).html("span4");
}
</script>
</head>

<body>
<div id="div1"></div>
<input type="button" value="原生态js" onclick="test1()">
<span id="spn1"></span>
<input type="button" value="jquery" onclick="test2()">
<span id="spn2"></span>
<input type="button" value="jquery转js" onclick="test3()">
<span id="spn3"></span>
<input type="button" value="jquery转js" onclick="test4()">
<span id="spn4"></span>
</body>

</html>

litongjava

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery dom对象和js DOM对象互相转换

导入远程jquery库http://libs.baidu.com/jquery/1.9.1/jquery.min.jsjquery对象转js对象$("#span3")获取到的是一个数组,数组的第0个元素就是dom对象js dom对象转jquery对象$(dom对象)<!DOCTYPE html><html><head><m...
复制链接

扫一扫

专栏目录