`

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

阅读更多

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());
  6. });
  7. });
  8. </script> 
  9. </head> 
  10. <body> 
  11. <table>
  12. <tr>
  13.       <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
  14.       <td>some text</td>
  15. </tr>
  16. </table>
  17. ....
其中:
  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.

分享到:
评论

相关推荐

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    配合《jQuery UI开发指南》这本书,读者可以深入学习如何有效地使用这些组件。书中通常会涵盖以下主题: 1. **基础介绍**:讲解jQuery UI的基本概念,包括如何引入库文件,以及如何初始化UI组件。 2. **组件详解**...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两种形式,前者适合学习和调试,后者适用于优化性能。在Bootstrap Treeview插件中,jQuery提供了强大的功能,使得构建和管理层级结构的UI变得...

    jquery插件jquery-ui-1.8.2.custom.min.js

    本文将围绕"jquery-ui-1.8.2.custom.min.js"这一jQuery UI插件,深入探讨其核心概念、主要功能以及使用方法。 首先,jQuery UI的核心在于它提供了大量预定义的UI组件,如日期选择器、对话框、滑块、排序列表等。...

    jquery-3.5.0.js jquery-3.5.0.min.js.zip

    jquery-3.5.0.js jquery-3.5.0.min.js.zip

    jquery-1.6.4-vsdoc.js

    最新版jquery-1.6.4-vsdoc.js jQuery的VS智能提示插。压缩包内包含jquery-1.6.4.js jquery-1.6.4.min.js jquery-1.6.4-vsdoc.js 。 【推荐用法】 1、将jquery-1.6.4-vsdoc.js与jquery-1.6.4.js放在同一目录,然后...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    jQuery 1.9.1版本是一个重要的里程碑,它对旧的API进行了清理和重构,移除了一些不推荐使用的函数和方法,以保持库的简洁性和未来发展的兼容性。例如,`.live()`方法在这一版本中被移除,取而代之的是`.on()`和`.off...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    在学习和使用jQuery 3.5.1时,建议从基础入手,理解其核心概念和常用API,然后逐步探索高级特性和插件。同时,结合实际项目进行实践,将理论知识转化为实际技能。通过不断练习,你将会发现jQuery能够让你的...

    最新版JQuery-jquery-3.2.1.min.js

    在压缩包中的"jQuery API 中文文档3.2.1",为开发者提供了详细的API文档,帮助理解每个方法的用途、参数和返回值,是学习和使用jQuery的宝贵资源。确保查阅这些文档,以便更好地理解和应用jQuery 3.2.1的新特性。 ...

    jquery-migrate

    例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。 jQuery migrate(转移...

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    《jQuery 1.8.3:深入理解与应用》 jQuery,这个JavaScript库,自2006年发布以来,已经成为了Web开发中不可或缺的一部分。它以其简洁的API和强大的功能,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。在...

    jquery-ui-datepicker中文版

    jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...

    jquery-3.3.1.js和jquery-3.3.1.min.js.zip

    然而,对于生产环境,通常我们会选择使用压缩版的jQuery——jquery-3.3.1.min.js。这个版本是经过Minification处理的,即将源代码中不必要的空格、换行和注释去除,甚至对变量名进行混淆,以达到最小化文件大小的...

    最新jquery-2.1.1.js以及jquery-2.1.1.min.js文件

    `jquery-2.1.1.js`是jQuery库的完整源代码版本,包含了所有功能和方法,对于开发者来说,它是调试和学习jQuery的理想选择。这个文件提供了一种简单的方式来操作DOM(文档对象模型),处理事件,执行AJAX请求,以及...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    《jQuery 1.11.1:高效前端开发的核心库》 jQuery,作为JavaScript库的代表性作品,一直以来都是Web开发者的重要工具。这个压缩包包含了两个版本的jQuery——`jquery-1.11.1.js`和`jquery-1.11.1.min.js`,它们都是...

    jquery-1.7.2.js,jquery-1.7.2-vsdoc.js Jquery-1.7.2及vs智能提示插件

    这对于快速学习和记忆jQuery API尤其有帮助,减少了查阅文档的时间,也减少了因拼写错误或忘记方法名而导致的错误。 总的来说,这个压缩包提供了一个高效开发jQuery应用的环境,特别是在使用Visual Studio作为开发...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    《jQuery 2.1.4:JavaScript 的强大库与优化版本》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,以其简洁的API和强大的功能...通过学习和掌握jQuery,你可以更高效地构建交互丰富的Web应用,提升开发效率。

    jquery-ui.min.js

    jQuery UI的使用通常依赖于jQuery基础库,因此在引入`jquery-ui.min.js`之前,需要先引入jQuery。之后,开发者可以通过简单的API调用来实现各种复杂的用户界面功能。例如,创建一个基本的对话框只需以下几步: ```...

    jquery-migrate-3.0.1.js jar包

    **三、使用方法** 使用jQuery Migrate 3.0.1.js非常简单,只需要在引入新的jQuery版本之后,再引入jQuery Migrate即可,通常是这样排列: ```html &lt;script src="path/to/jquery-3.x.x.js"&gt; &lt;script src="path/to/...

    jquery-validation-1.19.1.zip

    “README.md”文件是项目的重要文档,通常包含了项目的简介、安装指南、使用方法、API参考等信息。对于初学者来说,这是了解和使用jQuery-validation的第一步。 “dist”目录存放的是编译后的生产版本,包括压缩和...

Global site tag (gtag.js) - Google Analytics