jQuery中get()方法用法实例
本文实例讲述了jQuery中get()方法用法。分享给大家供大家参考。具体分析如下:
此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。
索引值是从0开始的。
说明:从上面的定义可以看出,此方法可以将jQuery对象转换成DOM对象。
语法结构一:
没有参数的时候会取得所有匹配的DOM元素的数组。
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://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()方法。
语法结构二:
带有参数,取得所有匹配的DOM元素数组中指定的一个匹配的元素。
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://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中ajax提交表单几种方法(get、post两种方法)
- jQuery使用$.get()方法从服务器文件载入数据实例
- jQuery通过控制节点实现仅在前台通过get方法完成参数传递
- jQuery中Ajax的get、post等方法详解
- JQuery.get提交页面不跳转的解决方法
- jQuery中ajax的get()方法用法实例
- jQuery中get和post方法传值测试及注意事项
- jquery中get,post和ajax方法的使用小结
- 快速解决jquery之get缓存问题的最简单方法介绍
- jQuery中get方法用法分析
相关文章
14款经典网页图片和文字特效的jQuery插件-前端开发必备
最近没项目做,在网上看到很多网页特效,非常漂亮,于是就整理了14款经典网页图片和文字特效的jQuery插件,有助于在项目需求中用到,前端开发必备,大家都来学习下吧2015-08-08jQuery实现动态加载(按需加载)javascript文件的方法分析
这篇文章主要介绍了jQuery实现动态加载(按需加载)javascript文件的方法,结合实例形式分析了jQuery根据调用函数按需动态加载javascript文件相关实现技巧,需要的朋友可以参考下2019-05-05基于jquery实现可定制的web在线富文本编辑器附源码下载
UEditor的功能非常强大,官方已配备了php,asp,asp.net,java等语言的上传程序,拿来就可以使用,当然ueditor更具有功能插件接口,很轻松地添加自己定义功能到编辑器中,方便项目的不同需求2015-11-11Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
这篇文章主要介绍了Jquery+AJAX实现无刷新上传并重命名文件操作,结合实例形式分析了jQuery+ajax前台上传文件与PHP后台接收处理相关操作技巧,需要的朋友可以参考下2020-05-05jquery 表格分页等操作实现代码(pagedown,pageup)
jquery实现支持pagedown,pageup对表格进行操作的实现代码,需要的朋友可以参考下。2010-04-04
最新评论