当前位置:首页 > JavaScript > 正文内容

jQuery对象与dom对象相互转换

canca18年前 (2008-06-11)JavaScript436
通过jQuery方式获取的对象不能直接使用JavaScript的一些方法的,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。这就是为什么${"#Element"}不能直接 innerHTML属性的原因。

     只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。jQuery对象与dom对象之间可以相互转换。

1、DOM对象转jquery对象
普通的dom对象一般可以通过$()转换成jquery对象。

如:$(document.getElementById("msg"))
返回的就是jquery对象,可以使用jquery的方法。

2、jquery对象转DOM对象
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。
如: $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。
以下几种写法都是正确的:

 $("#msg").html();
 $("#msg")[0].innerHTML;
 $("#msg").eq(0)[0].innerHTML;
 $("#msg").get(0).innerHTML;

扫描二维码推送至手机访问。

版权声明:本文由Ant.Master's Blog发布,如需转载请注明出处。

本文链接:https://iant.work/post/407.html

标签: JavaScript
分享给朋友:

“jQuery对象与dom对象相互转换” 的相关文章

《Dom Scripting》读书笔记

  《Dom Scripting》读书笔记 Canca         最近看了一本《Jeremy Keith: DOM Scripting, Web design with JavaScript and the DOM. Apr...

javascript MailTo 邮件技巧

调用email的方法 //<a href="mailto:talantlee@126.com">Email</a>window.location.href="mailto:talantlee@126.com";myform.action="mailto:talant...

javascript 中面向对象編程 (类的继承)

// 人的基類var Person=new ( function(){  var sex;  var name;  this.getSex=function() &nbs...

javascript IE与FireFox 一些兼容写法

1>获取控件用document.getElementById,不用document.all(FF等浏览器不支持)2><button> 会被firefox解释为提交form或者刷新页面,需要写标准<button type="button">3>使用childN...

javascript 弹出式窗体详解

1>window.prompt(text, value) 簡單的基與模態窗體的對話框,(返回你輸入)   var v=window.prompt("提示","請輸入你的名字")2>window.confirm(text,mess)  模態確認框(返回"是/否...

javascrip 事件追加方法

基本方法:attachEvent(IE)/detachEvent;addEventListener( Mozilla, Netscape, Firefox)/removeEventListener在之前的邏輯判斷式的基礎上,在設計javascript的時候,可以針對瀏覽器的不同,寫出適合不同種類瀏覽...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。