jQuery中get()方法用法实例
2014-12-27 00:00
741 查看
本文实例讲述了jQuery中get()方法用法。分享给大家供大家参考。具体分析如下:
此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。
索引值是从0开始的。
说明:从上面的定义可以看出,此方法可以将jQuery对象转换成DOM对象。
语法结构一:
没有参数的时候会取得所有匹配的DOM元素的数组。
实例代码:
通过使用$(".zhuanqu").get(),可以取得类名为zhuanqu的li元素的数组。看了实例大家可能就问为什么外面还要套上$(),这是因为通过get()方法获得是DOM对象,需要转化成jQuery对象才能使用CSS()方法。
语法结构二:
带有参数,取得所有匹配的DOM元素数组中指定的一个匹配的元素。
实例代码:
里面的参数是要获取的DOM对象数组中DOM对象的索引,索引是从零开始的。
希望本文所述对大家的jQuery程序设计有所帮助。
此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。
索引值是从0开始的。
说明:从上面的定义可以看出,此方法可以将jQuery对象转换成DOM对象。
语法结构一:
$(selector).get()
没有参数的时候会取得所有匹配的DOM元素的数组。
实例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>get()函数-脚本之家</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专区</li> <li class="zhuanqu">jsp专区</li> <li>php专区</li> <li>ASP.NET专区</li> </ul> <ul> <li>DIV+CSS专区</li> <li class="zhuanqu">Jquery专区</li> <li class="zhuanqu">javascript专区</li> <li>html专区</li> </ul> </div> </body> </html>
通过使用$(".zhuanqu").get(),可以取得类名为zhuanqu的li元素的数组。看了实例大家可能就问为什么外面还要套上$(),这是因为通过get()方法获得是DOM对象,需要转化成jQuery对象才能使用CSS()方法。
语法结构二:
$(selector).get(index)
带有参数,取得所有匹配的DOM元素数组中指定的一个匹配的元素。
实例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>get()函数-脚本之家</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专区</li> <li class="zhuanqu">jsp专区</li> <li>php专区</li> <li>ASP.NET专区</li> </ul> <ul> <li>DIV+CSS专区</li> <li class="zhuanqu">Jquery专区</li> <li class="zhuanqu">javascript专区</li> <li>html专区</li> </ul> </div> </body> </html>
里面的参数是要获取的DOM对象数组中DOM对象的索引,索引是从零开始的。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章推荐
- jQuery中ajax的get()方法用法实例
- jQuery中ajax的get()方法用法实例
- jQuery中get()方法用法实例
- JQuery 获取json数据$.getJSON方法的实例代码
- jQuery+ajax中getJSON() 用法实例
- jQuery中replaceWith()方法用法实例
- jQuery中remove()方法用法实例
- jQuery中append()方法用法实例
- JQuery 获取json数据$.getJSON方法的实例代码
- jQuery中fadeOut()方法用法实例
- jQuery中before()方法用法实例
- jQuery中height()方法用法实例
- jQuery中val()方法用法实例
- jQuery中width()方法用法实例
- jQuery中after()方法用法实例
- jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
- jquery中post方法用法实例
- jQuery中fadeOut()方法用法实例
- jQuery中hide()方法用法实例
- jQuery中html()方法用法实例