jquery怎么获取父亲节点?下面本篇文章给大家介绍一下使用jquery获取父亲节点的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在jquery中,可以使用parent()方法或parents()方法来获取父亲节点。parent() 方法返回被选元素的直接父节点;parents() 方法返回被选元素的所有父节点。

parent()方法

parent() 方法返回被选元素的直接父元素。

DOM 树:该方法只沿着 DOM 树向上遍历单一层级。

示例:

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

$("span").parent().css({"color":"red","border":"2px solid red"});

});

div (曾祖父节点)

  • ul (祖父节点)
  • li (直接父节点)

    span

效果图:

parents()方法

parents() 方法返回被选元素的所有祖先元素。

祖先是父、祖父、曾祖父,依此类推。

DOM 树:该方法从父元素向上遍历 DOM 元素的祖先,直至文档根元素的所有路径()。

示例:

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

$("span").parents().css({"color":"red","border":"2px solid red"});

});

div (曾祖父节点)

  • ul (祖父节点)
  • li (直接父节点)

    span

效果图:

更多web前端知识,请查阅 HTML中文网 !!

父亲节html代码,jquery怎么获取父亲节点?相关推荐

  1. 父亲节python代码半个心_2019父亲节感恩父亲的话 父亲节对爸爸说的暖心话句子...

    1.把无数的思念化做心中无限的祝福,默默地为你祈祷,愿爸爸身体健康,父亲节快乐!您在我心里是最英俊的人了! 2.辛苦了半辈子,奋斗了几十年,我亲爱的爸爸,也该享享清闲.祝您晚年吃得好,玩得爽,喝得好, ...

  2. python父亲节祝福_用python祝福父亲节_父亲节短信祝福怎么发 最经典的感恩父亲句子...

    舔犊之情父爱情深,都爬满了你满手的碎纹:牵挂之暖鼓励之心,都灌满了你深邃的眼神:简短的叮嘱成长的隐忍,都渗透在你呼唤的乡音.父亲节快乐,祝福送给所有父亲! 人生路上,曾历遍风霜.唏嘘感慨,曾充斥心房. ...

  3. 用python写父亲节祝福代码_父亲节,程序员几条代码硬核示爱

    摘要:祝所有的父亲,节日快乐! 父亲节要送什么? 对老爸的爱在心口难开怎么办? 都说父爱如山,山也需要偶尔的温情问候,与其在网上遍寻各种攻略,不如敲起手中的键盘,码出几行代码,用你最熟悉的方式表达对父 ...

  4. JAVA关于父亲节的代码_关于父亲节的经典语录

    关于父亲节的经典语录 离开家的时候,总能感觉得到家的味道,仿佛那隐约的浓浓的深情萦绕在我的心头,无论什么时候,然而在当时往往却是无法细诉的. 在粽叶飘香的季节,月在不经意间从身边划过,在每一个匆忙的身 ...

  5. 父亲节python代码_python 计算 父亲节

    父亲节:每年6月第三个星期日 #!/usr/bin/env python # -*- coding: utf-8 -*- import calendar month_number = 6 sunday ...

  6. 父亲节python代码半个心_父亲节文案来了,太走心了!

    来源:文案收藏夹&广告君 父亲节就要来到了!无论你长到多大,在他的心中始终像个孩子.这份放在心里的爱不会有期限,只会随时光蔓延,直到永远,无论你已离家多远. 1.手机 以前,他的手里攥着你:现 ...

  7. python代码写父亲节快乐_用python祝福父亲节_父亲节祝福语 父亲节最感恩温馨的问候语录...

    母爱深似海,父爱重如山.拳拳赤子心,遥遥白发牵.亲恩三春晖,照我一生暖.饮水常思源,路远寄思念.父亲节,惟愿老爸人康安. 有种付出,不计回报,却澄澈永恒,那是父爱:有种牵挂,不计时日,却相伴一生,那也 ...

  8. 父亲节python代码半个心_这些父亲节借势方案,哪一句戳中了你的心?

    原标题:这些父亲节借势方案,哪一句戳中了你的心? 六月的第三个周末 是属于父亲的节日 所以这份父亲节借势推文快收一下! 1 杜蕾斯 父亲节快乐吗?! 对这个广告最好的理解? 这样父亲就后悔当初为什么没 ...

  9. 用python祝福父亲节_父亲节到来 最适合给年老父亲祝福语

    老爹,父亲节到来,祝您节日快乐!虽然今年的父亲节不能与您一起过,但是我会用赤子之心来回报你.我永远爱您! 我想对亲爱的爸爸说女儿长大了,自己会照顾自己了,不用您老再为我操心了,我真心地对爸爸说一声您辛 ...

最新文章

  1. 【 Sublime Text 】如何使用Sublime Text快速生成代码模板
  2. 爬虫进行request请求时User-Agent怎样写
  3. 44response对象
  4. python继承属性_Python中的属性继承问题
  5. ajax将数据显示在class为content的标签中_利用selenium实现自动翻页爬取某鱼数据
  6. android蓝牙串口arduino源码,android – Arduino:使用串口和软件串口与蓝牙模块
  7. 格林时间转yyyy-MM-dd hh:mm:ss
  8. 使用Git和远程代码库
  9. 2022五一杯数学建模
  10. 二维码插件qrcode生成二维码信息
  11. Unity TimeLine使用详解 (自认为)
  12. APK打包、安装流程
  13. 机械学习篇——数据预处理
  14. 图神经网络 | (8)图注意力网络(GAT)
  15. 韩顺平Java自学笔记 项目 QQ聊天室
  16. Codeforces 378C
  17. ps4 html5转换器,PS4键鼠转换器评测XIM4 主机FPS的福音(X1通用)
  18. 网易云音乐普通用户播放VIP音乐的改变————令人感动的设计
  19. 怎样在Mathtype中输入空格及常用快捷键
  20. Linux世界这一周,有喜有忧(转)

热门文章

  1. Android 开发 技术大纲 某学课堂
  2. 丑憨批的爬虫笔记3(实例)
  3. excel 两组数据交点_Python 自动化测试(四):数据驱动
  4. jQuery中设置树节点被选中
  5. 牛客题霸 NC19 子数组的最大累加和问题
  6. JavaScript——自定义对话框
  7. Navicat——连接SQL Server数据库方法
  8. Lunar New Year and a Wander
  9. Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】
  10. Android 中的编码与解码