jQuery对象和DOM对象相互转换

最新推荐文章于 2022-04-05 17:09:23 发布

Liucker

最新推荐文章于 2022-04-05 17:09:23 发布

阅读量402

点赞数

分类专栏：前端UI 文章标签： jquery dom

本文链接：https://blog.csdn.net/u011662276/article/details/52895791

版权

前端UI 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jQuery对象和DOM对象转换

使用[Hbuilder][6]编写，jQuery版本1.11.3

DOM对象
主要针对文档document，节点元素，然后是其对象
文本内容的修改主要是 :
innerHTML/innerText
jQuery对象
实质是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

Liucker

关注

0
点赞
踩
1

收藏

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

jQuery对象和DOM对象转换使用[Hbuilder][6]编写，jQuery版本1.11.3DOM对象主要针对文档document，节点元素，然后是其对象文本内容的修改主要是 : innerHTML/innerTextjQuery对象实质是json对象的格式包含有DOM对象的部分文本属性修改主要是： html/text个人的略见实例代码加粗 Ctrl +
复制链接

扫一扫

专栏目录