JQuery对象和DOM对象的区别

 我来答
纯洁的小树
2016-01-23 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:465万
展开全部
  一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery
获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${”#Element”}不能直接
innerHTML,这就是原因所在,解决方式请看下文。

  jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。

如:

  $(document.getElementById("msg"))

  则为jquery对象,可以使睁唯用jquery的方法。
由于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;

  jQuery查找对象是按照标准的dom层级关系来查找的

  如table中无论你是否有tbody,在查找子对象的时候都要按照table-->tbody-->tr的层级关系来查找

  关于this

  <input name="testThis" type="text" onchange="textThis(this)" />

  function textThis(obj)
{
//在引用自己用的this是dom对象
alert($(obj).val());
}

  该this为dom对象

  innerHTML和outerHTML

  innerHTML设置或获取对象起始和结束标签内的HTML

  outerHTML设置或获取对象及其内容的HTML形式
匿名用户
2015-06-28
展开全部
代码如下:
var$cr=$("#cr"); //jquery对老铅象
var cr = $cr[0]; //dom对象 也可写罩衡成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中
dom对象转换成jquery对象
对于一个dom对象,只需要用$()把dom对物含做象包装起来,就可以获得一个jquery对象了,方法为$(dom对象);
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
千锋教育
2018-07-31 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
代码如下: var$cr=$("#cr"); //jquery对象 var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0); alert(cr.checked); //检测这个checkbox是否给选中 dom对象转换成jquery对象 对于一薯悉个dom对象,只答手世需要用$()把dom对象包装起来,就可以获得一个jquery对象了,方清肢法为$(dom对象);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式