本文主要是介绍jQuery对象和DOM对象相互转换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
jQuery对象和DOM对象转换
使用[Hbuilder][6]编写,jQuery版本1.11.3
DOM对象
主要针对文档document,节点元素,然后是 其对象
文本内容的修改主要是 :
innerHTML/innerTextjQuery对象
实质是json对象的 格式
包含有DOM对象的部分
文本属性修改主要是:
html/text
个人的略见
代码块
JavaScript部分:
<script type="text/javascript">$(function(){//jQuery 对象
// alert($("#div1"));
// console.dir($(".div1"));
//error DOM对象.innerHTML DOM对象方式作用于jQuery对象
// $("#div1").innerHTML="hello div1";
// ok$("#div1").html("hello div1");//输出jQuery 对象
// console.dir($(".div1"));
//获取对应的jQuery对象 转换为 DOM对象
//$(".div1")[0].innerHTML="the class=div1 of the 第一个对象内容";
//$(".div1").get(1).innerHTML="the class=div1 of the 第二个对象内容";//找到DOM 为 div1 的对象var div1=document.getElementById("div1");
//用$() 的方式转换为 jQuery 对象$(div1).html("hello div1 for jQuery");
});
</script>
HTML部分:
<body><div id="div1" class="div1"><p>div1</p></div><div id="div2" class="div1"><p>div2</p></div></body>
代码测试过
总结:
jQuery对象方式转换为DOM对象的方式
jQuery对象[索引]; //找到对应的DOM对象
jQuery对象.get(索引); //get() 方法
DOM 对象方式转换为jQuery对象的方式
$(DOM对象);
2016/10/22
这篇关于jQuery对象和DOM对象相互转换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!