Documant获取对象以及在jquery中如何使用

Documant获取对象及在jquery中使用的方法

1、document获取HTML中的标签
我们都知道，在HTML页面的操作中，如果想要对一个标签中的元素进行修改，就一定要先获取到这个标签，那么获取标签也就成了需要牢固掌握的重要技巧，那么在jquery进行页面操作的大环境中，基于jquery的js中也有一些选择器使用起来较为方便，甚至有些选择器比jquery中的更为好用。 我们就简单介绍几个常用的选择器：

1.标签名获取标签

document.getElementsByTagName("标签名")

2.class属性值获取标签：

document.getElementsByClassName("class值")

3.通过id获取：

 letdocument.getElementById("id值")

4.通过name属性值获取标签：

document.getElementsByName("name值")

title：这里还有一些其它的获取方式，例如获取父类标签，兄弟标签等，就不在这里介绍了，后续会用jquery中的选择器代替。简单来说，掌握js中的这几类选择器基本够用了。

2、js和jquery对象转换

我们在jquery中使用js的document方法获取了标签属性，它是否能够在jquery中直接使用呢？

我们使用过程中发现其实jquery并无法读取js获取的标签。

那么我们如何使用呢？其实也非常简单，我们只需要将js对象转换为jquery对象就可以了。我们知道，在HTML页面语言中，js对象转换为jquery方式也非常简单，我只需要在js对象前加上$即可，同理，我们在获取到的js对象前面加上$就可以轻松把获取到的标签属性转换为jquery属性了。

具体实现：

 let divNode = document.getElementsByTagName（div）;
 let $divNode = $（divNode）;

好了， 这样获取到的div标签对象就转换成了jquery对象，能够通过’ $divNode '在jquery对象 中进行使用了。
最后在这里，谢谢大家能够看完这篇文章。