jQuery-parent(exp)用法 学习笔记九

最新推荐文章于 2023-04-23 21:44:08 发布
最新推荐文章于 2023-04-23 21:44:08 发布
阅读量108 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery JavaScript HTML ViewUI

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

  1. <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
  2. <script type="text/javascript"> 
  3. $(document).ready(function() {
  4. $("#btn1").click(function(){
  5. alert($(this).parent().next().html());
  7. });
  8. });
  9. </script> 
  11. </head> 
  12. <body> 
  14. <table>
  15. <tr>
  16.       <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
  17.       <td>some text</td>
  18. </tr>
  19. </table>
  20. ....
其中：
  1. this.parent()是input前面的td
  2. this.parent().parent()获取的是tr
  3. this.parent().parent().parent()获取的是table
  4. 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.

lansky07
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery的parent和parents方法
KongYue1202的博客
09-22 275
1.parent 返回的是最近的父级元素 ，亲爸爸 2.parents ( ) : 获取除被选中元素的所有父元素； <script> $(function(){ //parent 返回的是最近的父级元素 ，亲爸爸 console.log($('.son').parent()); //找到father console.log($('.father').parent()); //找到yeye //parents ( ) : 获取除被选中元素的所
jQuery-parent(exp)用法
abasen的专栏
08-29 1854
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。   $(document).ready(function() { $("#btn1").click(function(){ alert($(this).parent().next().html()); }); });                   some text ....其中：thi
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的用法
gt2008gt的博客
07-04 201
  &lt;script type="text/javascript"&gt; $(function(){ $("#btn1").click(function(){ alert($(this).parent().next().html()); //this.parent()是input前面的td //this.parent().parent()获取的是tr //this.pa...
Jquery学习笔记
02-09
本篇文章将深入探讨jQuery中的几个核心知识点，包括页面加载、选择器、过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器以及交互处理方法。 1. 页面加载： 在jQuery中，`$(document).ready()...
JavaWeb入门-JQuery
AyinMars的博客
11-02 453
JQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是**“write Less，Do More”**，即倡导写更少的代码，做更多的事情。 它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接
w3cshcool JS学习笔记
happyYYhy的博客
03-03 704
1、JS能够直接写入html输出流中，document.write 只能在输出流中使用 2、JS可以对html标签里的事件做出反应，alert函数在JS中并不常用，但这个函数对于代码的测试非常方便。 3、JS可以改变html标签里的内容，使用x.innerHTML方法改变，x为被改变的对象。DOM（文档对象模型）是访问html元素的正式w3c标准。 4、JS能够改变h
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
qq_36609655的博客
07-02 1万+
第1章Html   Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。 就是给文本加上含有语义的标签。 接下来应该学习更多具体语义标签： 一、结构（固定的结构）   &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod...
《python网络数据采集》读书笔记
生息之地
07-30 4055
《python网络数据采集》读书笔记 标签（空格分隔）： python 爬虫 读书笔记 花了三天时间看了一遍，将我认为值得记下的内容记录了下来。推荐购买。 第一部分 创建爬虫 重点介绍网络数据采集的基本原理。 * 通过网站域名获取HTML数据 * 根据目标信息解析数据 * 存储目标信息 * 如果有必要，移动到另一个网页重复这一过程 第1章 初见网络爬虫 from url...
jQuery中parent()方法用法实例
10-24
主要介绍了jQuery中parent()方法用法,实例分析了parent()方法的功能、定义及取得紧邻父元素的使用技巧,需要的朋友可以参考下
jQuery .parent() 方法？
墓亦龍的博客
04-02 3614
.parent() 方法1、定义及用法：返回被选元素的 直接父元素。                          DOM树：该方法只沿着DOM树向上遍历单一层级。                                          若需向上遍历多个层级(祖父节点活其他祖先)，请使用parents()或parentsUntil()方法。                      ...
JQuery
weixin_45360713的博客
07-26 107
JQuery 1 . 什么是jQuery 它是一个轻量级的javascript类库 注1：就一个类“jQuery”，简写“$” 2 . jQuery优点 2.1 总是面向集合 2.2 多行操作集于一行 3 . hello jQuery 3.1 导入js库（） 3.2 $(fn)做为程序入口 demo1: <%@ page language="java" contentType="text/...
jQuery
lei_lin的博客
06-25 153
一、jQuery入门 1.什么是jQuery 它是一个轻量级的javascript类库 注意：就一个类“jQuery”，简写“$” 2.jQuery优点 2.1 总是面向集合 2.2 多行操作集于一行 3.初识 jQuery 3.1 导入js库 <script type="text/javascript" src="${pageContext.request.contextPath }/...
jQuery--遍历节点之祖先遍历（parent()、parents()、parentsUntil()）详解
吴声子夜歌的博客
10-02 1407
遍历节点 在DOM模型中，提供了parentNode、childNodes、firstChild、lastChild、lastChild、previousSibling和nextSibling等原生属性，用于实现DOM树的遍历而在jQuery中进一步对DOM操作封装和扩展，常见的jQuery遍历方式有以下4种：祖先遍历、后代遍历、同袍遍历和筛选遍历。 祖先遍历 祖先遍历又称向上遍历，常用的方法有p...
jQuery-1.7.2版本存在任意文件读取漏洞
nnn2188185的博客
04-23 1810
jQuery是一个快速、简洁的JavaScript框架,是一个丰富的JavaScript代码库，其1.7.2版本的sys_dia_data_down模块存在任意文件读取漏洞，攻击者可通过前台读取任意文件。
jQuery中parent方法与parents方法
weixin_44764207的博客
11-09 917
1、parent方法 得到一个唯一父元素的元素集合 2、parents方法 取得包含着所有祖先元素的元素集合 具体请看以下示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/j...
Jquery的parent和parents(找到某一特定的祖先元素)用法
热门推荐
cui_angel的专栏
08-24 4万+
<!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 parent取得很明确就是当前元素的父元素 parents则是当前元素的祖先元素 -->
黑苹果英伟达驱动Geforce-Kepler-Patcher-V2-by-Chris1111-HeiPG.cn
最新发布
09-07
Geforce_Kepler_Patcher_V2_by_Chris1111___HeiPG.cn
jQuery-1.2学习笔记：基础用法与Ajax交互
"这篇资源是一份关于jQuery的学习笔记，主要涵盖了jQuery 1.2版本的基础用法和与Java的异步交互，以及Ajax的基础概念。" 在深入学习jQuery之前，首先要理解它是一个JavaScript库，旨在简化HTML文档遍历、事件处理、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值