parent():所有匹配元素的父元素的组合

parents():所有匹配元素的祖先元素(包括父元素)的组合

关键代码如下:

第1层DIV

第2层DIV

第3层DIV

bbb

$(function(){

$("input[type='button']").click(function(){

$("div >b").parent("div").css({//将parent改成parents即可查看到区别

border:"1px red solid"

})

}).click();

})

点击运行,查看运行效果:

测试页

* { margin:0; padding:0; }

body { font:12px/20px Tahoma, Geneva, sans-serif; padding:100px 200px; }

ul li { list-style:none; }

img { border:0 none; }

input[type='button'] { width:100px; height:38px; display:block; position:fixed; right:20%; top:50px; font-size:13px; }

h1 { height:35px; padding-bottom:10px; }

div{padding:5px}

$(function(){

$("input[type='button']").click(function(){

$("div >b").parent("div").css({//将parent改成parents即可查看到区别

border:"1px red solid"

})

}).click();

})

parent()、parents()的用法区别

parent():所有匹配元素的父元素的组合

parents():所有匹配元素的祖先元素(包括父元素)的组合

效果如下:将所有匹配元素的的父元素或祖先元素加上1px的border

第1层DIV

第2层DIV

第3层DIV

bbb

提示:你可以先修改部分代码再运行。

php super和parent,parent()、parents()的用法区别相关推荐

  1. JQuery中parent(),parents(),parentsUntil()区别和使用技巧

    parent()其实很简单, 就是指定选择器中每个元素的外边的一层.比如$("p"),那么就是结果就是包裹着<p></p>的数据 如:<div> ...

  2. Jquery的parent和parents(找到某一特定的祖先元素)用法

    <!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可以通过一个可选的表达式进行筛选. ...

  3. jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  4. Jquery中的parent()与parents()取父元素的区别

    关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素).可 ...

  5. .parent()和.parents()的区别

    parent的取值很明确,就是当前元素的父元素:parents则是当前元素的祖先元素.下面列出例子说明: 如下: <div id='div1'> <div id='div2'> ...

  6. 关于Jquery的parent和parents

    关于Jquery的parent和parents 2008-12-25 01:58 关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合. p ...

  7. jquery学习之-查找父元素方法parent() parents() closest()的区别

    parent().parents()与closest()方法两两之间有类似又有不同,本篇简短的区分一下这三个方法.通过本篇内容,大家将会在以后使用.parent().parents()和closest ...

  8. jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery遍历元素 jquery元素的函数包括children.find.parent.parents.parentsUn ...

  9. jquery遍历之parent()与parents()的区别 及 parentsUntil() 方法

    .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选) ...

最新文章

  1. 斯坦福大学新研究:声波、光波等都是RNN
  2. 一步步创建Qt Widget项目+TextFinder案例(摘自笔者2015年将出的《QT5权威指南》,本文为试读篇)
  3. GatewayWorker Not Support On Windows.
  4. securecrt哪个版本好用_电脑跑分测试软件哪个好?好用的电脑跑分软件推荐
  5. 谷歌浏览器登录不了账号_谷歌浏览器使用分享(可谷歌账号登录)之谷歌账号登录...
  6. OS X上搭建distcc使用XCode进行分布式编译
  7. java runnable 使用_java – 在哪里使用可调用以及在哪里使用Runnable接口?
  8. r语言lm函数_如果R语言自带函数不能用,那我就自己写一个
  9. 属于哪个单元_到底怎么挑?动铁、动圈、动铁动圈混合买耳机哪个更好?
  10. MD5算法实战JS解密
  11. Linuxbt下载工具-Transmission-支持命令行!!!
  12. C++:实现量化存在净额结算协议的交易对手风险下的利率互换估值公式测试实例
  13. 经纬度查地址与地址查经纬度
  14. 朋友圈点赞、发红包 测试用例的设计点
  15. 【已解决】surface 电池不好充电显示 未连接 ,将充电的接口换个方向就解决了
  16. windows获取公网IP,记录公网ip脚本和命令
  17. php redis序列化,php session之存储在redis的方法
  18. SpringBoot整合Jbpm4(一)
  19. java 正则替换以 开头_String replaceAll-正则匹配-截取以指定字符开头,以指定字符结尾的字符串...
  20. AT88SC0104C加密芯片的工作原理

热门文章

  1. 为什么 web 开发人员需要迁移到. NET Core, 并使用 ASP.NET Core MVC 构建 web 和 API
  2. asp.net core 2.0 web api基于JWT自定义策略授权
  3. [翻译]在 .NET Core 中的并发编程
  4. [认证授权] 2.OAuth2授权(续) amp;amp; JSON Web Token
  5. android 调用c wcf服务,如何使用命名管道从c调用WCF方法?
  6. matlab 如何hidden,Matlab基本函数-hidden函数
  7. Android之让手机能识别当前app为浏览器类型的APP
  8. Android之机端安装apk出现INSTALL_FAILED_INSUFFICIENT_STORAGE错误的解决方法
  9. Android之推荐看的Android源码
  10. Android之在ubuntu上用aapt查看apk的名字以及相关信息