jq对象转为dom对象:$(".div1")[0] dom对象转为jq对象:$(dom对象)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" ></script>
</head>
<body>
<div class="div1">我是div1</div>
<div class="div2">我是div2</div>
<script type="text/javascript" >
//dom修改div1
// window.onload=function(){
// var div1 = document.getElementsByClassName('div1')[0];
// div1.innerHTML="我是js修改的"
// $(function(){
// $(".div2").html('我是jq修改的');
// });

// window.onload=function(){
// var div1 = document.getElementsByClassName('div2')[0];
// var div11 = $(div1);
// div11.html("dom对象转为jq对象");
// }

$(function(){
var div2 = $(".div2")[0]//将jq对象转为dom对象;
div2.innerHTML="jq对象转为dom对象11";
});
</script>
</body>
</html>

作者:freddyhuang
出处:https://www.cnblogs.com/freddyhuang
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/freddyhuang/p/5633667.html