Example of get () method usage in jQuery, jqueryget
This document describes how to use the get () method in jQuery. Share it with you for your reference. The specific analysis is as follows:
This method returns an array that matches all DOM elements in the set or a DOM element with a specified index.
The index value starts from 0.
Note:From the above definition, we can see that this method can convert jQuery objects into DOM objects.
Syntax structure 1:
Copy codeThe Code is as follows: $ (selector). get ()
If no parameter is specified, an array of all matched DOM elements is obtained.
Instance code:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> get () function-helper's house </title>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ (". Zhuanqu" ).get()).css ("color", "green ");
})
</Script>
</Head>
<Body>
<Div>
<Ul>
<Li> ASP zone </li>
<Li class = "zhuanqu"> jsp zone </li>
<Li> php zone </li>
<Li> ASP. NET zone </li>
</Ul>
<Ul>
<Li> DIV + CSS area </li>
<Li class = "zhuanqu"> Jquery zone </li>
<Li class = "zhuanqu"> javascript area </li>
<Li> html zone </li>
</Ul>
</Div>
</Body>
</Html>
You can use $ (". zhuanqu"). get () to obtain an array of li elements named zhuanqu. After reading the instance, you may ask why $ () needs to be mounted outside. This is because the get () method is used to obtain a DOM object and the CSS () method must be converted to a jQuery object.
Syntax structure 2:
Copy codeThe Code is as follows: $ (selector). get (index)
With parameters, get a matched element specified in all the matched DOM element arrays.
Instance code:
Copy codeThe Code is as follows:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Meta name = "author" content = "http://www.bkjia.com/"/>
<Title> get () function-helper's house </title>
<Script type = "text/javascript" src = "mytest/jQuery/jquery-1.8.3.js"> </script>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ (". Zhuanqu" ).get(0)).css ("color", "green ");
})
</Script>
</Head>
<Body>
<Div>
<Ul>
<Li> ASP zone </li>
<Li class = "zhuanqu"> jsp zone </li>
<Li> php zone </li>
<Li> ASP. NET zone </li>
</Ul>
<Ul>
<Li> DIV + CSS area </li>
<Li class = "zhuanqu"> Jquery zone </li>
<Li class = "zhuanqu"> javascript area </li>
<Li> html zone </li>
</Ul>
</Div>
</Body>
</Html>
The parameters are the index of the DOM object in the DOM object array to be obtained. The index starts from scratch.
I hope this article will help you with jQuery programming.