当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 关于jQuery object and DOM element

关于jQuery object and DOM element

2019年01月15日  | 移动技术网IT编程  | 我要评论

代码如下:

<p id="test1">

<span>text1</span>

<span>text2</span>

<span>text3</span>

</p>


想取得span element 里面的文本， 发现$("#test1 span")[0]取出来的不是jquery object, 只能用$($("#test1 span")[0]).text()转为jquery再取了，但是两个$一起总感觉怪怪的，退而求其次便用了取值$("#test1 span")[0].textcontent or $("#test1 span")[0].innerhtml jquery object and dom elementjquery object是一种类数组对象(array-like)，可以包含一个或者多个dom element(s)。而jquery functions 的操作是建立在jquery object上而不是dom object上。eg. jquery object “object[span, span, span] ” 包含一个或者多个dom element “<span>”。访问jquery object里面dom element的方式：

. 代码如下:


$("selector")[0] // accesses the first dom element in this jquery object
$("selector").get(0) // equivalent to the code above
$("selector").get() // retrieve a true array of dom elements matched by this selector


或者非jquery方式：

. 代码如下:


document.getelementsbytagname("p") // return htmlcollection

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网