码迷,mamicode.com
首页 > 其他好文 > 详细

jQuary教程5:传递一个dom对象

时间:2018-05-24 15:12:48      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:jquery   html   ntb   append   字符串   调用   focus   htm   效果   

1 传递一个dom对象

//html
<div></div>
<p id="p"></p>

//js
var p = document.getElementById(‘p‘);
$(‘div‘).append(p);
  
//执行之后的结果
<div>
  <p></p> 
</div>
 //注意:也会有剪切的效果。

2 调用html方法 

//html
<div>
    div里面的文本
    <p></p>
</div>

//js
$(‘div‘).html(‘<span>这是一段内容</span>‘);

//执行完的结果
<div>
    <span>这是一段内容</span>
</div>
//注意: 会有覆盖的作用

注意:

append(jQuery对象/ ‘html字符串‘/DOM对象)

有剪切效果html(‘html字符串‘) 会覆盖以前的内容.

jQuary教程5:传递一个dom对象

标签:jquery   html   ntb   append   字符串   调用   focus   htm   效果   

原文地址:https://www.cnblogs.com/autoXingJY/p/9082555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!