本文通过实例演示了如何在JavaScript中实现DOM对象与jQuery对象之间的相互转换。具体介绍了使用$(...)将DOM对象转换为jQuery对象的方法，以及如何利用$(...)[0]或$(...).get(0)将jQuery对象转回DOM对象。
案例：
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title>dom对象与jquery对象相互转换</title>
<script
src="../js/jquery-3.1.1.min.js"
type="text/javascript"
charset="utf-8"></script>
<script
type="text/javascript">
$(function(){
var
d=document.getElementById('d');
// d.innerText='dddd';
// var d=$("#d");
//原生dom对象（js对象）转换jquery对象:$(原生对象)
$(d).html('fsdfsdfsdsd');
var
e=$("#e");
//jquery对象转原生对象:1.$(...)[0]
2.$(...).get(0)
// e[0].innerText='sdsdsds';
e.get(0).innerText='sdsssdsd';
})
</script>
</head>
<body>
<div
id="d">
</div>
<div
id="e">
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
