jQuery中eq()方法用法实例

2022-01-14,,,,

这篇文章主要介绍了jQueryeq()方法用法,实例分析了eq()方法的功能、定义及获取匹配元素集上的相应位置索引元素的使用技巧,需要的朋友可以参考下

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

此方法能够获取匹配元素集上的相应位置索引的元素。
匹配元素集上元素的位置索引是从0开始的。

语法结构:
复制代码 代码如下:$(selector).eq(index)

参数列表:

参数 描述
index 定义元素在元素集中的索引,从零开始的。
如果是负数则从最后一个元素往回计数。
越界无效。

实例代码:

实例一:

复制代码 代码如下:

eq()方法-脚本之家

 

       

  • HTML专区
  •    

  • Javascript专区
  •    

  • Div+Css专区
  •    

  • Jquery专区
  •  

把索引是1的li元素中的字体颜色设置为蓝色。

实例二:

复制代码 代码如下:

点击弹出窗口效果-脚本之家

.font{
  font-size:18px;
  color:yellow
}
.bg{
  background:#336;
}

 

       

  • HTML专区
  •    

  • Javascript专区
  •    

  • Div+Css专区
  •    

  • Jquery专区
  •  

索引是负数的时候,从最后一个元素往回计数。

希望本文所述对大家的jQuery程序设计有所帮助。

以上就是jQuery中eq()方法用法实例的详细内容,更多请关注本站其它相关文章!

《jQuery中eq()方法用法实例.doc》

下载本文的Word格式文档,以方便收藏与打印。