关于jQuery object and DOM element_jquery
程序员文章站
2022-04-30 23:30:01
...
源起:
想取得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 “”。访问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("div") // Return HTMLcollection
复制代码 代码如下:
text1
text2
text3
想取得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 “”。访问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("div") // Return HTMLcollection
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
推荐阅读
-
关于jQuery object and DOM element
-
关于jQuery object and DOM element_jquery
-
关于jquery DOM&事件的讲解
-
关于jQuery object and DOM element_jquery
-
基于jquery的关于动态创建DOM元素的问题_jquery
-
关于jQuery object and DOM element
-
关于jQuery对象以及DOM对象与字符串之间的转化实例
-
关于jQuery对象(类数组对象)以及DOM对象相互转化问题——[object Object]和[object HTMLInputElement]
-
关于jQuery对象以及DOM对象与字符串之间的转化实例
-
关于jquery DOM&事件的讲解