JQuery查找子元素find()和遍历集合each的方法实例分享

本文主要为大家带来一篇jquery查找子元素find()和遍历集合each的方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望让大家更好掌握find()和遍历集合each的使用方法。

1.HTML代码

登录后复制

 2.jquery

  /* find() 查找子元素方法 */  var aaa = $("p[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']");  console.log(aaa.val());    /* $(".child",parent); 方法查找子元素*/  var bbb = $($("input[type='boy'][name='ZhangSan']"),$("p[name='students'][school='HK']"));  console.log(aaa.val());   /* each()方法遍历数组 */  var arr = [ "one", "two", "three", "four" ];  $.each(arr, function() {   console.log(this);  });    /* each()方法处理json */  var obj = {   one : 1,   two : 2,   three : 3,   four : 4  };  $.each(obj, function(key, val) {   console.log(obj[key]);  });    /* each()方法处理二维数组 */  var arr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [ 7, 20, 9 ] ]  $.each(arr1, function(i, item) {   console.log(item[0]);  });   /* each()方法处理HTML元素 */  $("p[name='students'][school='HK'] > input").each(function() {   console.log($(this).val());  });  

登录后复制

相关推荐:

jQuery中find()和filter()操作用法实例详解

jQuery中find()方法用法实例

jQuery中focusin()与focus()以及find()于children()的区别

以上就是JQuery查找子元素find()和遍历集合each的方法实例分享的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2789467.html

(0)
上一篇 2025年3月8日 18:43:09
下一篇 2025年3月8日 18:43:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jQuery设计思想实例分享

    不管什么语言,思想很重要,在深入了解jquery的各个细节之前,需要对jquery的设计思想有一个大致的了解。在遇到问题时, 知道应该使用jquery的哪一个功能,然后迅速从手册中找到具体的用法。本文将详细介绍jquery的设计思想。下面跟…

    编程技术 2025年3月8日
    000
  • jQuery获取h1-h6标题元素值方法实例

    本文主要介绍了jquery实现获取h1-h6标题元素值的方法,涉及$(“:header”)选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 查找到h1-h6,并遍历…

    2025年3月8日
    200
  • jQuery实现遍历复选框实例详解

    本文主要介绍了jquery实现遍历复选框的方法,结合实例形式分析了jquery针对表单复选框元素的遍历与字符串操作相关技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 这里有10个复选框,根据选择的复选框获取其值,并将其值用“…

    2025年3月8日
    200
  • jQuery Validate 相关参数及常用的自定义验证规则实例分享

    本文主要介绍了jquery validate 相关参数及常用的自定义验证规则,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。 Jquery Validate 相关参数 //定义中文消息var cnmsg = {requ…

    编程技术 2025年3月8日
    200
  • jQuery实现遍历单选框简单方法

    本文主要介绍了jquery简单实现遍历单选框的方法,涉及jquery针对页面表单元素的遍历及事件响应相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。 1、问题背景: 有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选…

    2025年3月8日
    200
  • jQuery在header中设置请求信息实例详解

    本文主要介绍了jquery在header中设置请求信息的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家。  jquery是js的类库,js本身不能操作header,因为js是在浏览器加载页面过程中才开始执行的hea…

    编程技术 2025年3月8日
    200
  • 关于jquery获取select,option所有的value和text实例讲解

    本文主要为大家带来一篇jquery获取select,option所有的value和text的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 想想学习jQuery也有几天了,然后今天由于…

    编程技术 2025年3月8日
    200
  • jQuery实现上升、下降、删除、添加一行代码方法分享

    本文主要介绍了jquery实现 上升、下降、删除、添加一行代码的实现方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助大家更好的运用jquery。 应用场景: 多值排序、分类排序等操作 此代码是经过实践后,实现方法简洁,而且…

    2025年3月8日
    200
  • jQuery时间验证和转换为标准格式实现方法

    本文主要介绍了jquery时间验证和转换为标准格式的时间示例代码,具有一定的参考价值,有兴趣的可以了解一下,希望能帮助到大家。 最近整理文档发现一篇文章,可以将时间转换成标准格式的时间,发出来给大家参考一下。 var TimeObjectU…

    编程技术 2025年3月8日
    200
  • jQuery实现贪吃蛇小游戏方法实例

    关于js实现贪吃蛇的文章有很多,本文我们主要用jqury来实现贪吃蛇小游戏,下面实现这篇文章主要介绍了利用jquery实现贪吃蛇小游戏的方法,文中给出的是吸纳思路和示例代码,需要的朋友可以参考下。 前言 相信贪吃蛇的游戏大家都玩过。在那个水…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论