Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > 关于jQuery object and DOM element_jquery

关于jQuery object and DOM element_jquery

WBOY
Release： 2016-05-16 17:37:01
Original
1023 people have browsed it

Origin:

Copy code The code is as follows:

                                                                                                                       

                                                                                                                         

                                                                                                                   

& lt;/div & gt;

Want to get text in span elements, find $ ("#test1 span") [0]. ("#test1 span")[0]).text() was converted to jQuery and then retrieved, but the two $ together always felt weird, so the next best thing was to use the value$("#test1 span") [0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object is an array-like object that can contain one or more DOM element(s). The operations of jQuery functions are based on jQuery object rather than DOM object. eg. jQuery object “Object[span, span, span]” contains one or more DOM elements “”. The way to access the DOM element in jQuery object:



Copy the code The code is as follows: $(" 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


or non-jQuery way:


Copy code The code is as follows:document.getElementsByTagName("div") // Return HTMLcollection


Related labels：
dom element object
source：php.cn
Previous article：Summary of JS modal dialog box and non-modal dialog box operation skills_Basic knowledge Next article：jquery gets the coordinate value of the page element implementation ideas and code_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to add correct type for ColumnSlots body function from PrimeVue This is PrimeVueColumnSlots (shortened) exportinterfaceColumnSlots{/***Custombodytemplate....
From 2024-04-06 11:50:20
0
1
526
Export useState variable to another component/page I'm a bit stuck. I have put the user input results into an array that can be used on anoth...
From 2024-04-05 11:30:54
0
1
286
Add the Endpoint _header attribute to the JSON response object I'm testing pulling data from a remote endpoint service (npoint.io). When I get back the r...
From 2024-04-05 10:35:39
0
1
1376
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template