jQuery中eq有何作用,用法是什么?
Admin 2021-12-30 群英技术资�
jQuery中eq有何作用?有一些新手对于jQuery中eq是什么可能不是很清楚,其实eq的用处有表示eq()选择器和eq()遍历,那么具体的用法是什么呢?文中示例代码介绍的很详细,感兴趣的朋友接下来一起跟随小编看看吧�
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑�
jquery中eq的意思是什�
1、表示的�:eq()选择器�
:eq() 选择器选取带有指定 index 值的元素�
index 值从 0 开始,所有第一个元素的 index 值是 0(不� 1)�
经常与其他元�/选择器一起使用,来选择指定的组中特定序号的元素�
示例如下�
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p:eq(1)").css("background-color","#B2E0FF"); }); </script> </head> <body> <html> <body> <h1>Welcome to My Homepage</h1> <p class="intro">My name is Donald</p> <p>I live in Duckburg</p> <p>My best friend is Mickey</p> <div id="choose"> Who is your favourite: <ul> <li>Goofy</li> <li>Mickey</li> <li>Pluto</li> </ul> </div> </body> </html> </body> </html>
输出结果�
2、表示的是eq()遍历方法�
eq() 方法返回带有被选元素的指定索引号的元素�
索引号从 0 开头,所以第一个元素的索引号是 0(不� 1)�
示例如下�
<html> <head> <meta charset="utf-8"> <title>123</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").eq(1).css("background-color","yellow"); }); </script> </head> <body> <h1>欢迎来到我的主页</h1> <p>我的名字叫Donald (下标 0).</p> <p>Donald Duck (index 1).</p> <p>我住� Duckburg (index 2).</p> <p>我最好的朋友� Mickey (index 3).</p> </body> </html>
输出结果�
现在大家对于jQuery中eq的用处和使用应该都清楚了吧,上述示例具有一定的借鉴价值,有需要的朋友可以参考学习,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章�
文本转载自脚本之�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章主要介绍了Vue中的插槽,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要给大家分享怎样使用JS怎样实现数据监听的方法,下文实现步骤和讲解有一定的借鉴价值,感兴趣的朋友可以参考一下,希望大家阅读完这篇文章能有所收获,下面我们一起来学习一下吧�
这篇文章给大家分享的是一些JavaScript优化技巧。小编觉得挺实用的,因此分享给大家做个参考,文中的示例代码介绍得很详细,对大家学习或工作都有一定的帮助,接下来跟随小编一起了解看看吧�
这篇文章主要介绍了详解react组件通讯方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这篇文章我们来简单的了解一下vue3中watcheffect的用途与使用,首先watch和watchEffect都是监听器,但是watch和watchEffect在写法和使用上都有一定的区别,因为为了便于大家理解,下面小编就给大家来讲讲�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078