jQuery-parent(exp)用法

最新推荐文章于 2021-08-20 15:56:26 发布
最新推荐文章于 2021-08-20 15:56:26 发布
阅读量1.8k 收藏
点赞数
分类专栏： jquery 文章标签： function table button input class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/abasen/article/details/4495999
版权

parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());

});
});
</script> 

</head> 
<body> 

<table>
<tr>
      <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
      <td>some text</td>
</tr>
</table>
....
其中：
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parent().next()获取的是td相临的td
另例子中：

<div><p>Hello</p><p>Hello</p></div>

$("p").parent() 得到的是：<div><p>Hello</p><p>Hello</p></div>对象，因为p标签的父标签是div.

 

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/lansky07/archive/2008/11/28/3404700.aspx

jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂、jQuery的属性：操作标签的属性)
weixin_44892365的博客
11-03 508
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂)
jQuery入门1：JQuery对象和JQuery选择器
卓汶的博客
04-14 629
1、jQuery 介绍 什么是 jQuery ? jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。 jQuery 核心思想！！！ 它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。 jQuery 流行程度 jQuery 现在已经成为最流行的 JavaScript 库，在世界前 10000 个访问最多的网站中，有超过 55%在使用 jQuery。 jQuery 好处！！
jQuery中parent()方法用法实例
01-21
本文实例讲述了jQuery中parent()方法用法。分享给大家供大家参考。具体分析如下： 此方法取得匹配元素集合中每个元素的紧邻父元素，也就是第一级父元素，而不是所有的祖先元素。 所取得的父元素集合也可以使用表达式进行筛选。 语法结构: 代码如下:$(selector).parent(expr) 参数列表: 参数 描述 expr 可选。用来筛选的表达式 实例代码: 实例一： 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″/> <meta name=”author” content=”//www.jb5
jQuery-parent(exp)用法 学习笔记九
lansky07
11-28 1371
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。script src="jquery-1.2.6.min.js" type="text/javascript">script>script type="text/javascript"> $(document).ready(function() {$("#btn1").click(function
jquery 遍历 parent([expr])
KAXU
01-08 206
parent([expr]) 得到匹配元素集合中各个元素紧邻的父元素集合。返回匹配元素集合 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt...
jquery表达式详解 parents([expr]) parent([expr])
wangsong76的专栏
12-27 458
[code="html"] Hello xxxxx Hello Again [/code] parent([expr]) 说明： expr (String) : (可选)用来筛选的表达式 取得一个包含着所有匹配元素的唯一父元素的元素集合。 例： [code="js"] $("p").parent() [/code] ...
jquery兄弟标签_jQuery的父，子，兄弟节点查找方法
weixin_39690625的博客
12-20 205
jQuery的父，子，兄弟节点查找方法jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr).返回所有子节点，这...
Jquery方法大全
03-17
### Jquery方法大全详解 #### 一、Attribute（属性操作） **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**：为匹配到的元素添加一个或多个类。 - **参数**：接受一个或多个...
JQuery用法大全
10-13
JQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页上的 DOM 操作、事件处理、动画制作和Ajax交互。在本文中，我们将深入探讨 jQuery 的主要用法，涵盖选择器、DOM 操作、遍历、核心功能等多个方面。 1. *...
JQuery常用思路方法
12-18
通过使用 JQuery，开发者能够更加高效地编写功能强大的网页应用程序。本文将详细介绍 JQuery 的一些常用思路与方法，帮助读者快速掌握这门技术。 #### 二、基本概念与操作 ##### 1. 选择器 JQuery 提供了丰富的...
在jquery中通过父级查找进行定位的代码详解
徊忆羽菲
08-20 710
在jquery中通过父级查找进行定位的代码详解parent()parents()children()contents()prev()prevAll()next()nextAll()siblings()find() parent() parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用 parents() 或 parentsUntil() 方法。 提示：如需沿着 DOM 树向下遍历单一层级
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
jquery的parent()方法
倒骑驴走着瞧的博客
03-17 2891
帮朋友查看一个问题，顺便捡一下web开发知识 parent() 方法返回被选元素的直接父元素 测试用例：修改li的父节点的兄弟节点的样式 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
07-17 1万+
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
jQuery—向上遍历（parent/parents/parentUntil）
Scrow1204的博客
08-23 1185
注意：parentUntil方法指定的区间是开区间。   HTML代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;向上遍历&lt;/title&gt; &lt;script s
JQuery学习
学习记录和总结
11-08 1万+
JS最广泛使用的插件JQuery的完成使用案例讲解
jquery获取父级元素、子级元素、兄弟元素的方法
WitsMakeMen的专栏
03-10 5万+
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.children(expr).返回所有子节点，
jQuery中的parent方法、parents方法
徐冰的博客
11-09 1万+
一、parent()方法： 取得一个包含着所有匹配元素的唯一父元素的元素集合。 html代码如下： <form> <input type="radio" value="0"/>男<input type="radio" value="1"/>女 </form> jQuery代码如下： <script> var dom = $("[ty...
jquery获取parent,children的使用父亲子类用法
有 prepare , No out
12-20 7654
1 孕婴童 11月份品牌排行 ? 孕妇装12月份产品排行 ? 孕妇装 查看完整榜单 该品类本月新增3个品牌，更新时间：2013-10-30 $('.charts h3 a').hover(function () { var $this = $(this); $this.parent().parent().children(".Update_time").child
jquery-weui框架详细教程及使用方法
使用方法可能包括如何引入jquery-weui到项目中、如何使用其提供的UI组件（例如按钮、表单控件、弹出层等）、如何进行事件处理以及如何根据实际需求自定义样式和行为等。 ### 压缩包子文件的文件名称列表知识点 ###...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值