JQuery dom对象与jquery对象相互转换 小案例

来源:互联网 发布:成都php培训机构 编辑:程序博客网 时间:2024/06/08 14:49
案例:
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>dom对象与jquery对象相互转换</title>
<scriptsrc="../js/jquery-3.1.1.min.js"type="text/javascript"charset="utf-8"></script>
<scripttype="text/javascript">
$(function(){
vard=document.getElementById('d');
// d.innerText='dddd';
// var d=$("#d");
//原生dom对象(js对象)转换jquery对象:$(原生对象)
$(d).html('fsdfsdfsdsd');
vare=$("#e");
//jquery对象转原生对象:1.$(...)[0] 2.$(...).get(0)
// e[0].innerText='sdsdsds';
e.get(0).innerText='sdsssdsd';
})
</script>
</head>
<body>
<divid="d">
</div>
<divid="e">
</div>
</body>
</html>
原创粉丝点击