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有帮助,想要了解更多可以继续浏览群英网络其他相关的文章�

文本转载自脚本之�

标签� jquery中eq

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�

猜你喜欢

群英网络开启智能安全云计算之旅

注册领取新人大礼�
专业资深工程师驻�
7X24小时快速响�
一站式无忧技术支�
免费备案服务

联系我们

24小时售后 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 公司总机�0668-2555555 公司传真�0668-2555000
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 � 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部