jQuery中get()方法用法实例


Posted in Javascript onDecember 27, 2014

本文实例讲述了jQuery中get()方法用法。分享给大家供大家参考。具体分析如下:

此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。
索引值是从0开始的。

说明:从上面的定义可以看出,此方法可以将jQuery对象转换成DOM对象。

语法结构一:

$(selector).get()

没有参数的时候会取得所有匹配的DOM元素的数组。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<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="https://3water.com/" />

<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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 验证码的实例代码(附效果图)
Mar 22 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
Apr 16 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
Nov 18 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
vue-loader教程介绍
Jun 14 Javascript
js实现文字列表无缝滚动效果
Jun 23 Javascript
AngularJS实现表格的增删改查(仅限前端)
Jul 04 Javascript
详解Immutable及 React 中实践
Mar 01 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 Javascript
jQuery的context属性用法实例
Dec 27 #Javascript
jQuery对象的selector属性用法实例
Dec 27 #Javascript
jQuery对象的length属性用法实例
Dec 27 #Javascript
jQuery中size()方法用法实例
Dec 27 #Javascript
jQuery中each()方法用法实例
Dec 27 #Javascript
jQuery.holdReady()方法用法实例
Dec 27 #Javascript
jQuery中的jQuery()方法用法分析
Dec 27 #Javascript
You might like
星际流派综述
2020/03/04 星际争霸
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
jQuery实现多级联动下拉列表查询框
2016/01/18 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
浅谈Vue 性能优化之深挖数组
2018/12/11 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
js验证密码强度解析
2020/03/18 Javascript
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
python实现计数排序与桶排序实例代码
2019/03/28 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
YII2 全局异常处理深入讲解
2021/03/24 PHP
学校经典推荐信
2013/10/30 职场文书
校园十大歌手策划书
2014/02/01 职场文书
称象教学反思
2014/02/03 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
安全生产标语
2014/06/06 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
个人年终总结怎么写
2015/03/09 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle