JQuery困惑—包装集 DOM节点

2016-02-19 15:06 9 1 收藏

想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的JQuery困惑—包装集 DOM节点教程，一起来看看吧！超容易上手~

【 tulaoshi.com - Web开发】

$('#someElement')和$('#someElement')[0],这条语句带给我一段时间的困惑，开始时每次使用我总是在其中一个在出错的时候换成另外一个，
虽然每次都能完成功能，但总是有中说不出的郁闷！后来终于搞懂了其中的道理：$('#someElement')虽然只选择元素，但它仍是包装集，
不能使用DOM节点的方法（如SetAttribute等）。而$('#someElement')[0]确是返回包装集中的第一个元素，所有它能使用DOM节点的方法。

　　总之：使用JQuery时，需要注意包装集和DOM节点的区别，JQuery提供的方法都是包装集的方法，不能在DOM节点上使用JQuery方法，
同样，DOM节点的方法也不能在包装集上使用，而只能应用于DOM节点。当然除了方法还有属性（如innerHTML）。
同时我能也能将DOM节点包装成包装集：如我们经常要使用$(this)，将节点包装成包装集然后使用JQuery的方法进行处理。

来源:https://www.tulaoshi.com/n/20160219/1608869.html

上一篇： Visual C# 2005实现控件中捕获按键
下一篇： LazyForm jQuery plugin 定制您的CheckBox

看过《JQuery困惑—包装集 DOM节点》的人还看了以下文章更多>>

jQuery选择器选择dom元素

标签： Web开发

jQuery选择器其实是一个有些地方比较费解的，如果没有经过多次实验的话，很难得出它的每个操作符到底是干什么的，很容易出错，经过我的多次测试，终于对一些比较难理解或容易出错的选择操作进行总结，既方便自己将来查询又方便初学者学习。如果哪里有不对的还望大家帮我指出来，这里是一个相互学习的地方。 1. 先说说通过位置选择的...

jQuery对象和DOM对象相互转化

标签： Web开发

DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法，但是不能使用jQuery里的方法。例如：document.getElementById("img").src="test.jpg";这里的document.getElementById("img")就是DOM对象； $("#img").attr("src","test.jpg"); 和document.getElementById("img").src="test.jpg"; 是等价的，是正确的，但是$("#i...

锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）

标签： Web开发

12 设置和获取HTML、文本和值 $("selector").html() 获取html代码 $("selector").html(html) 设置html代码（替换标签中内容），html()方法不可用于XML文档 $("selector").text() 获取纯文本内容 $("selector").text(text) 设置文本内容（替换标签中内容），text()方法可以用于XML文档 $("selector").val() 获取元素的值 $("selector...

jQuery html() in Firefox (uses .innerHTML) ignores DOM chang

标签： Web开发

DOM: 代码如下： function DisplayTextBoxValue(){ var element = document.getElementById('textbox'); // set the attribute on the DOM Element by hand - will update the innerHTML element.setAttribute('value', element.value); alert(document.getElementById("container").innerHTML); return false; } jQuery plugin th...

jQuery对象与DOM对象之间的转换方法

标签： Web开发

什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是 jQuery里的方法这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产...

查看更多精彩>>