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

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字符串‘) 会覆盖以前的内容.

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

时间: 2024-11-08 20:37:01

jQuary教程5:传递一个dom对象的相关文章

如何判断一个js对象是否一个DOM对象

我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法. 要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的各种属性或特征,比如是否有nodeType属性,有tagName属性,等等.判断的特征越多,也就越可靠,因为毕竟我们自定义的js对象也可以有那些属性.还有其他方法吗? 在DOM Level2标准中定义了一个HTMLElement对象,它规定所有的DOM对象都是HTMLElement的实例,

检测一个DOM对象是否为空

我们时常要检测一个DOM对象是否为空. var $jObject = $('#btn'); alert($jObject ); 我们会发现,$jObject 永远不会为空.为什么呢?$ 方法查找对象,始终都会返回一个jQuery 对象的. 解决办法: 我们就要把jQuery对象转换成js对象. ①var dom = $jObect[0]; alert(dom); ②if($jObect.length>0) {alert("not null!");}

js中如何判断一个DOM对象是否存在?

<div id="div1"></div> if(!!document.getElementById("div1"))

jquary对象和DOM对象的联系及转化

jquary对象和DOM对象的联系: DOM对象:DOM对象就是js对象,用 js的方法获取到的元素 document.getElementById(); document.getElementByName(); document.getElementByTagName(); //以上方法获取到的都是dom对象 jquary对象:用jquary的方法获取到的元素.       jquary对象实际就是一个拥有多个DOM对象组成的伪数组. var $a =$("#a") ; DOM对象和

jQuery对象与DOM对象转换

原文链接 http://www.cnblogs.com/ouyangping/p/6439939.html jQuery对象与DOM对象是不一样的 通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id="imooc"></p> 我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:"hello,world",并且让文字颜色变成红色. 通过标准JavaScript处理: var p = docum

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

DOM对象与JQUERY对象的相互转化

普通处理,通过标准JavaScript处理: 1 var p = document.getElementById('imooc') 2 p.innerHTML = '您好!学习jQuery才是最佳的途径'; 3  p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById("imooc") 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色. jQuery的处理: 1 var $p =

DOM对象转化成jQuery对象

相比较jQuery转化成DOM,开发中更多的情况是把一个DOM对象加工成jQuery对象.$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用. 如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象包装成一个新的jQuery对象. 通过$(DOM)方法将普通的DOM对象加工成jQuery对象之后,我们就可以调用jQuery的方法了. HTML代码 <div>元素一</div> <div>元素二</div> <

jQuery学习笔记(一)--jQuery对象与DOM对象相互转换

通过标准的JavaScript操作DOM与jQuyer操作DOM的对比,我们不难发现: 通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短. jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素. jQuery对象转成