jquery是如何解决在dom对象中没有getElementsByClassName接口这个问题的

你好！！

jquery通过$("ClassName")来引用符合ClassName的元素~~

举例：

<div class="test"><span class="hello">Hello,Friend</span></div>

通过$("test")可以返回一个jQuery对象，其本质为div元素的封装······

同理，$("hello")返回的是一个封装后的span对象。

可能我之前没有理解你问题的重点，你是想问关于源码层面的实现方式么？

记得以前看过源码，这个地方最后会调用jquery的find()方法。

应该是没有原生js方法来的快，仁者见仁吧··

父窗口中 *** 作iframe $(window frames["iframeChild"] document) //假如iframe的id为iframeChild 在子窗口中 *** 作父窗口 $(window parent document) 接下来就可以继续获取iframe内的dom了 获取iframe内的dom对象有两种方法 $(window frames["iframeChild"] document) find("#child") $("#child" window frames["iframeChild"] document) 在父窗口中 *** 作 选中IFRAME中的所有单选按钮

复制代码 代码如下: $(window frames["iframeChild"] document) find("input[@type= radio ]") attr("checked" "true");

在IFRAME中 *** 作 选中父窗口中的所有单选按钮

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20182

1documentgetElementById("id名")

通过id属性的值查找，返回满足条件的第一个元素

2documentgetElementsByTagName("标签名")

通过标签名来获取页面中的元素。返回的是多个标签。

并不是真正的数组，但是我们可以想 *** 作数组一样 *** 作他（类数组）

3documentgetElementsByClassName("class名")

通过类名来获取页面中的元素。返回的也是多个标签

4documentgetElementsByName("表单元素name")

通过表单的name属性的值来获取元素

5documentquerySelector("div p a")

匹配指定 CSS 选择器的 第一个元素 。 如果没有找到，返回 null。

6documentquerySelectorAll("div")

获取所有满足条件的元素

7三个特殊节点

8childNodes 所有节点。包括各种节点

9fristChild 获取一个元素的第一个子节点

10lastChild 获取一个元素的最后一个子节点

11parentNode 获取一个元素的父节点

12previousSibling 获取一个元素的上一个兄弟节点

13nextSibling 获取一个元素的下一个节点

14children 只获取子元素

15firstElementChild 获取第一个元素子节点

16lastElementChild 获取最后一个元素子节点

17nextElementsibling 获取下一个元素兄弟节点

18previousElementsibling 获取上一个元素兄弟节点

19parentElement 获取父元素节点

20childElementCount 获取子元素的个数

1documentcreateElement(元素名) 创建一个元素节点

2documentcreateTextNode("这是新创建的一段文本") 创建一个文本节点

3appendChild() 添加元素到容器中

4insertBefore() 在一个节点前插入新节点

5removeChild() 删除子节点

6replaceChild() 替换子节点

7cloneNode() 克隆节点 传入true则复制所有节点

8setAttribute() 给元素设置属性

参数1：属性的名

参数2：属性的值

如果属性不存在，则添加；存在，则修改

9romveAttribute() 删除属性

参数：要删除的属性名

10getAttribute() 获取属性的值

参数：属性名

11访问 元素 id 名

boxid

12访问 元素 class 名

boxclassName

boxclassList 类数组

13获取标签名

boxtagName

boxnodeName

14innerHTML属性

innerHTML 属性设置或返回标签的开始和结束标签之间的 HTML。

值为为文本

15innerText属性

16outerHTML

跟innerHTML相比多包括了一个它自身

1访问行内（内联）样式表

2内部样式表和外部样式表的获取

getComputedStyle()

参数1：表示样式表所属的元素

参数2：如果获取的是伪元素的样式，传入伪元素，正常元素传入null 或不传

兼容性问题

3获取元素实际的宽高

offsetWidth 宽

offsetHeight 高

4获取元素参考父容器的left 和 top

offsetLeft 距离左部

offsetTop 距离上部

offsetParent 查找这个元素的参照父容器

HTML 中 id与name 区别:

一个name可以同时对应多个控件，比如checkbox和radio

而id必须是全文档中唯一的

id的用途

1） id是HTML元素的Identity，主要是在客户端脚本里用。

2） label与form控件的关联，如

<label for="MyInput">My Input</label>

<input id="MyInput" type="text">

for属性指定与label关联的元素的id，不可用name替代

3）脚本中获得对象：IE支持在脚本中直接以id（而不是name）引用该id标识的对象。

例如上面的input，要在脚本中获得输入的内容，可以直接以 MyInputvalue来获得。如果用DOM的话，则用documentgetElementById("MyInput")value；

如果要用name的话，通常先得到包含控件的form，例如documentforms[0]，然后从form再引用name，注意这样得到的是经过计算后将发送给服务器的值

name的用途

1）主要是用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的request， 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其Name通过RequestParams取得元素提交的值。在form里面，如果不指定name，就不会发送到服务器端。

2）HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check *** 作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的name属性来实现的。

3）建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点，如<strong><a name="1" id="1"></a>Experience (XP)</strong>，详见 示例

4）作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其name来引用该对象。

5）在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。

6）某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

当然HTML元素的name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用documentgetElementsByName来获取一个包含页面中所有指定Name元素的对象数组。Name属性还有一个问题，当我们动态创建可包含Name属性的元素时，不能简单的使用赋值elementname = ""来添加其Name，而必须在创建Element时，使用documentcreateElement('<element name = "myName"></element>')为元素添加Name属性。这是什么意思啊？看下面的例子就明白了。

< script language ="JavaScript" >

var input = documentcreateElement('INPUT');

inputid = 'myId';

inputname = 'myName';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId>

< script language ="JavaScript" >

var input = documentcreateElement(' < INPUT name = " myName " > ');

inputid = 'myId';

alert(inputouterHTML);

</ script >

消息框里显示的结果是：<INPUT id=myId name=myName>

name与id 区别

id要符合标识的要求，比如大小写敏感，最好不要包含下划线（因为不兼容CSS）。而name基本上没有什么要求，甚至可以用数字。table、tr、td、div、p、span、h1、li等元素一般用id。与表单相关的元素也可以赋ID值, 但为这些元素赋ID值的时候引用这些元素的方法就要变一下了，具体的如下：

赋name时，引用元素的方式: documentformNameinputName 或 documentframes("frameName")

赋id时，引用元素的方式: documentallinputID 或 documentallframeID

除去与表单相关的元素，只能赋id不能赋name，这些元素有body、li、a、table、tr、td、th、p、div、span、pre、dl、dt、dd、font、b等等

以上就是关于jquery是如何解决在dom对象中没有getElementsByClassName接口这个问题的全部的内容，包括:jquery是如何解决在dom对象中没有getElementsByClassName接口这个问题的、jquery获取iframe中的dom对象(两种方法)、JS DOM对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！