Jquery基础知识关于parent的用法 - - ITeye博客

`

gtgt1988

浏览: 114304 次
性别:
来自: 合肥

最近访客更多访客>>

xx5333

yx1993

qian200801

u014200750

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

小布丁丶：一个简单的问题非要整这么复杂
extjs grid 根据条件禁用选中
kylewebgame：不错啊，做一个线程定时保存，不知道记录后如何做查询呢？或者怎样 ...
一个日志管理设计类

Jquery基础知识关于parent的用法

博客分类：

Jquery

阅读更多

<script type="text/javascript">
$(function(){

$("#btn1").click(function(){

alert($(this).parent().next().html());
//this.parent()是input前面的td
//this.parent().parent()获取的是tr
//this.parent.parent().parent()获取的是table
//this.parent.next()获取的是td相邻的td

});


});



</script>
  </head>
  
  <body>
   <table>
   <tr>
   <td><input id="btn1"  class="btn"  type="button"  value="test"/></td>
   <td>some  text</td>
   
   
   </tr>
   
   
   </table>
  </body>
</html>

分享到：

jquery实例 | extjs中ComboBox的学习

2012-07-04 19:57
浏览 994
评论(0)
分类:编程语言
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jquery基础知识总结: ### jQuery基础知识总结 #### 一、简介 jQuery是一款流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画操作以及Ajax交互等操作。通过一个干净简洁的API，jQuery能够帮助开发者更容易地处理HTML文档，并且...

jQuery选择器基础知识: 本篇文章将深入探讨jQuery选择器的基础知识，包括其类型、用法和实际应用。 ### 1. 基本选择器基本选择器包括ID选择器（#id）、类选择器（.class）和元素选择器（element）。例如： - `$("#myID")` 选择ID为...

jQuery基础教程（第四版）中文pdf版+配套源码: 《jQuery基础教程（第四版）中文pdf版+配套源码》是针对JavaScript库jQuery的一份详细学习资源，旨在帮助初学者和进阶开发者掌握jQuery的核心概念和技术。jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历...

jQuery基础教程第三版源码: jQuery是JavaScript库中的一款经典工具，它极大地简化了DOM操作、事件...这个“jQuery基础教程第三版源码”包含了上述所有知识的示例代码，通过阅读和实践，你可以深入理解jQuery的精髓，并提升JavaScript编程能力。

jQuery基础选择器练习题: 本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用，以帮助你更好地理解和掌握这些知识点。首先，我们来了解一下jQuery的基本选择器。它们是用于选取HTML元素的最基础工具，包括： 1. **ID选择器**: ...

第 7 章 jQuery 基础.pptx: jQuery 库的基础知识点 jQuery 库是 Web 开发领域最流行的 JavaScript 库之一，它是免费且开放源代码的轻量级 JavaScript 代码库。 jQuery 的主要目的是：以更少的代码，实现更多的功能，即（Write Less, Do More...

JQuery基础教程源码: **jQuery基础教程源码详解** jQuery，一个轻量级、高性能的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能，成为了Web开发中的首选工具之一。本...

jquery 基础教程5章: **jQuery基础教程5章概述** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。本教程共分为5章，旨在帮助初学者快速掌握jQuery的基本用法和核心概念。 ### 第一章：...

jquery基础教程01: ### jQuery基础教程01知识点详解 #### 一、jQuery简介 - **定义**：jQuery是一款优秀的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**： - 简洁的语法：使得原本复杂的...

jquery基础教程04: ### jQuery基础教程04知识点详解 #### 一、jQuery简介 - **定义**：jQuery是一款优秀的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**： - 简洁的语法，提高了开发效率。 ...

JQuery1.2.3下载和 JQuery中文帮助文档: 总的来说，JQuery 1.2.3虽然不是最新的版本，但其核心功能至今仍被广泛使用，对于任何想要学习或者回顾JQuery基础知识的人来说，都是一个不可多得的学习资源。配合中文帮助文档，相信你可以更轻松地掌握这个强大的库...

从零开始学习jQuery: 通过本系列文章的学习，读者不仅能够掌握jQuery的基础知识，还能够了解如何在实际项目中有效地使用jQuery。无论是初学者还是有一定经验的开发者，都能够从中受益匪浅。jQuery作为一款优秀的JavaScript库，不仅简化了...

jQuery基础教程.(英文原版+code): 本教程将深入浅出地介绍jQuery的基础知识，帮助初学者快速掌握这个强大的工具。首先，让我们从jQuery的核心概念开始。jQuery的核心在于它的选择器，这使得定位HTML元素变得极其简单。例如，`$("#id")`用于选取ID为...

Jquery的基本知识: **jQuery基础教程** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这个文档将带你深入了解jQuery的基础知识，包括它的核心概念、选择器、DOM操作、事件处理和动画...

jQuery基础教程: ### jQuery基础教程详解 #### 一、jQuery技术框架概述 jQuery是一种流行的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等常见的网页开发任务。本章节将详细介绍jQuery的基础知识及其...

jQuery第1天：JQ基本介绍、使用步骤、jQuery对象与DOM对象（重点）、jQuery选择器: 本篇文章将深入探讨jQuery的基础知识，包括其基本介绍、使用步骤、jQuery对象与DOM对象的区别，以及jQuery的选择器。此外，我们还将讨论`mouseover`与`mouseenter`事件的区别、`index()`方法的用法以及如何区分...

jquery基础教程(jquery in action): ### jQuery基础教程知识点详解 #### 一、jQuery简介与安装 - **定义**：jQuery是一款优秀的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**： - 简洁的语法：使得原本复杂的...

jquery教程 15天学会jquery(完整版): **第1天：jQuery基础** 1. **jQuery引入**：学习如何在HTML文档中引入jQuery库，通过`<script>`标签添加CDN链接或本地文件。 2. **选择器**：了解jQuery的各种选择器，如ID选择器(`#id`)、类选择器(`.class`)、元素...

Global site tag (gtag.js) - Google Analytics