欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

jquery获取第几个索引方法

js教程 我的站长站 2022-12-08 共23人阅读

使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。

jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:

eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。

经常与其他元素/选择器一起使用,来选择指定的组中特定序号的元素。

$('#test').eq(1).css({'display':'inline-block'});

将id为test的元素的第二个子元素样式设置为'display':'inline-block'。

另一种写法

$(":eq(index)")

如:$("p:eq(1)")

附另一种办法的例子

<script type="text/javascript" src="/jquery-latest.js"></script>
<script>
$(function(){
$('a').each(function(i){
this.onclick=function(){
alert(i);
return false;
};
});
});
</script>

或者这样写

<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
<script type="text/javascript">
$(function()
{
$("a").bind("click",function()
{
alert($("a").index(this));
}
)
}
)
</script>

效果是一样的哦。

相关推荐
  • jquery教程
  • jquery方法
  • js获取
  • jQuery获取file控件中图片的宽高与大小

    jQuery获取file宽高的代码如下,仅在火狐中测试了,其他浏览器兼容性未知。var _URL = window.URL || window.webkitURL;$("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image(); img.onload = func...

    js教程 128 5年前
  • Jquery实战视频教程 6小时精通Jq
    Jquery实战视频教程 6小时精通Jq

    Jquery实战视频教程 6小时精通Jq,实现小应用,附带教程源码。视频教程列表第7章 自动以Alert第6章 标记完成状态、定时提醒第5章 Task详情第4章 添加及查看Task第3章 细节完善第2章 整体布局第1章 ...

    视频教程 119 4年前
  • JQuery鼠标移动添加删除样式

    JQuery鼠标移动添加删除样式方法,下面为代码案列$("a").hover(function(){ $(this).find("b").show();},function(){ $(this).find("b").hide();})鼠标移到A标签触发事件,下面的B标签显示,后门的function就是鼠标移开隐藏。...

    js教程 109 4年前
  • jQuery1.11.3参考手册.chm下载
    jQuery1.11.3参考手册.chm下载

    jQuery1.11.3参考手册.chm,包含以下主要内容:速查表、核心、选择器、属性、筛选、文档处理、CSS、事件、效果、Ajax、工具、事件对象、延迟对象、回调函数jQuery手册截图...

    电子书 55 3年前
  • jQuery淡入淡出效果语法教程

    实现前端特效的方法很多,最方便的还是css,当然有些特效还是使用JavaScript脚本比较简单,具体的还得看情况而定。jquery作为高度封装的JavaScript,它给我们提供了一些特效实现方式,我们一起来学习下吧。jQuery Fading 方法通过 jQuery,您可以实现元素的淡入...

    js教程 83 4年前
  • jquery获取第几个索引方法

    使用jquery时经常会遇到,选择器选择一组元素后,需要在这组元素中找到第几个元素。jquery中使用eq()方法找到第几个元素或第N个元素,jquery中eq()的使用如下:eq() 选择器选取带有指定 index 值的元素。index 值从 0 开始,所有第一个元素的 index 值是 0(不...

    js教程 23 1年前
  • jquery控制radio单选框勾选和取消勾选方法

    attr()方法勾选$("input[type=&#39;radio&#39;]").attr("checked",&#39;checked&#39;);取消勾选$("input[type=&#39;radio&#39;]").removeAttr(&#39;checked&#39;);prop()方法勾选$("input[type=&#39;radio&#...

    js教程 62 1年前
  • jquery返回网站顶部方法大全

    1、基础版,只带返回顶部功能<!doctype html><html><head> <meta charset="UTF-8"> <title>返回顶部</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <style type=&...

    js教程 30 1年前
  • LazyLoad按需懒加载使用方法

    LazyLoad介绍LazyLoad效果截图LazyLoad是一款非常热门的图片缓加载JS插件,您能看到的大部分网站图片懒加载都是基于这款JS框架开发。LazyLoad功能LazyLoad懒加载框架可以使图片缓加载,滚动条没拖到的地方暂不加载图片,优先加载用户能看到的图片,等用户拖...

    js教程 108 3年前
  • 本地储存window.localStorage使用方法

    window.localStorage

    js教程 94 4年前
  • js如何获取指定网址中的参数

    之前我的站长站分享的都是用JS获取当前网址URL中的参数,我们这次教大家如何获取指定网址中的参数。js获取网址参数代码JS获取网址的方法都一样,我们同样使用函数的方法。function getQueryParam(url, param) {// 创建一个新的URL对象const urlObj = ne...

    js教程 6 1个月前
  • JavaScript如何获取自己的加载路径

    我们都知道JavaScript获取当前路径的方法用:var currentFullPath = window.location.href;console.log(currentFullPath);这样就可以获取完整路径。今天我的站长站分享不是获取当前URL路径,而且获取JS自己本身的加载路径,比如获取:<script src="https://...

    js教程 7 1个月前
  • js获取字符长度函数分享

    js获取字符长度函数function objLen(str) { if (str == null) return 0; if (typeof str != "string") { str += ""; } return str.replace(/[^\x00-\xff]/g, "01").length;}函数使用方法var arr1 = &#39;ABCD1234&#39;console.log(objLen(...

    js教程 13 10个月前
  • jQuery+JavaScript获取和修改网页title标题的方法

    分享jQuery框架和原生JavaScript获取和修改网页title标题的方法,两个一起分享,jQuery记得引入jQuery库。获取网页title方法jQuery方法:$("title").text();JavaScript方法:document.getElementsByTagName("title")[0].innerText修改网页title方法jQuery方...

    js教程 53 1年前
  • jquery如何获取input的type值

    jquery如何获取input的type值,首先我们要知道获取input的选择器用:$("input:name")然后获取值用:.val()完整代码是:$("input:name").val()

    js教程 52 1年前