jquery的closest, parent

2024-11-08

jquery closest & parent比较

.closest() .parents() 从当前元素开始从父元素开始沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止. 沿 DOM 树向上遍历,直到文档的根元素为止,将每个祖先元素添加到一个临时的集合:如果应用了选择器,则会基于该选择器对这个集合进行筛选. 返回包含零个或一个元素的 jQuery 对象返回包含零个.一个或多个元素的 jQuery 对象

[转载]JQuery.closest(),parent(),parents()寻找父节点

1.通过item-1查找 level-3(查找直接上级) $('li.item-1').closest('ul') $('li.item-1').parent() $('li.item-1').parents().eq(0) 2.通过item-1查找 level-2(通过选择器查找父元素) $('li.item-1').closest('.level-2') //$('li.item-1').parent('.level-2') //找不到,parent()方法只遍历到上一层! $('li.it

jQuery 中$(this).parent().parent().remove()无效。

在写文章系统的删除功能.需要删除一行数据.在删除的页面,需要jQuery 删除一hang. 局部刷新数据. $(".del").click(function(){ var id = $(this).attr("hid"); var t = $(this).parent().parent(); var i = confirm("是否确认删除"); if(i){ $.post("<?php echo $this->createU

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

来自:http://blog.csdn.net/zm2714/article/details/8117746 .parent(selector) 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选). .parents(selector) 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选). 如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的

jquery中的 .parent()

☆ 遍历 - .parent() 方法: 查找每个段落的带有 "selected" 类的父元素: <body> <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II <ul class="level-2"> <li class="ite

jquery的closest方法和parents方法的区别

今天第一次看到closest方法,以前也从来没用过. 该方法从元素本身开始往上查找,返回最近的匹配的祖先元素. 1.closest查找开始于自身,parents开始于元素父级 2.closest向上查找,知道找到一个匹配就停止查找,parents一直查找到根元素,并将匹配的元素加入集合 3.closest返回的是包含零个或一个元素的jquery对象,parents返回的是包含零个或一个或多个元素的jquery对象

jQuery 遍历 - closest() 方法

jQuery 遍历参考手册实例本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("click", function( e ) { $( e.target ).closest("li").toggleClass("hilight"); }); 亲自试一试定义和用法 closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DO

jquery：closest和parents的主要区别

closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找:2,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤:3,前者返回0或1个元素,后者可能包含0个,1个,或者多个元素. closest对于处理事件委托非常有用.

jQUery中closest和parents的主要区别是

①,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找: ②,前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤: ③,前者返回0或1个元素,后者可能包含0个,1个,或者多个元素.

jQuery中的closest()和parents()的差别

jQuery中的closest()和parents()的差别 jQuery中closest()和parents()的作用非常类似,都是向上寻找符合选择器条件的元素,可是他们之间有一些细微的差别,官网也给出了说明: .closest() .parents() Begins with the current element Begins with the parent element Travels up the DOM tree until it finds a match for the sup

jquery parent()和parents()区别

parent(exp) 取得一个包含着所有匹配元素的唯一父元素的元素集合. 你可以使用可选的表达式来筛选. 查找段落的父元素中每个类名为selected的父元素. HTML 代码: <div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div> jQuery 代码: $("p").parent(&

解决 jQuery 实现父窗口的问题如window.parent.document.getElementById().innerHTML

因为先前遇到的问题,所以我考虑采用 IFRAME 来隔离不同的脚本,从而实现我需要的效果. 在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的一个元素中.按照一般的写法,我们需要用到类似如下的语句: 1.window.parent.document.getElementById("myEle").innerHTML = html; 使用 jQuery ,写法如下: 1.$("#myEle", window.p

jQuery-1.9.1源码分析系列（二）jQuery选择器续2——筛选

前面分析了选择器的结构和几个解析函数,接下来分析jQuery对象的伪类选择器.这里所谓的jQuery对象的伪类选择器就是从已有的jQuery对象(元素集合)中筛选出指定的集合出来. 4. jQuery的伪类选择函数先混个脸熟,把所有能找到的jQuery的伪类选择器都列出来. jQuery.fn.eq(函数用于获取当前jQuery对象所匹配的元素中指定索引的元素,并返回封装该元素的jQuery对象) jQuery.fn.first(函数用于获取当前jQuery对象所匹配的元素中的第一个元素

You Don't Need jQuery

前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少.本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器. 目录 Translations Query Selector CSS & Style DOM Manipulation Ajax Events Ut

Jquery遍历选中的input标签

$("input[name='chkAgent']:[checked]").each(function () { alert($(this).attr("value")); })

jquery学习笔记---Dom操作

一.DOM操作的分类 DOM(document object model)是一种与浏览器.平台.语言无关的接口,使用该接口可以访问页面中的·所有组件.DOM的操作可以分为DOM Core.HTML-DOM和CSS-DOM. DOM Core:任意支持DOM的程序设计语言都可以使用.JS中getElementById(),getelementByTagName(),getAttribute()和setAttribute()都是它的组成部分. HTML-DOM:提供了一些更加简明的记号描述各种Htm

jQuery核心之jQuery Object及其相关的常用方法

1.jQuery Object 和原生的DOM对象之间有许多方法是不一样的,用jQuery的方法大部分情况下返回的是jQuery Object,但是jQuery也提供了一些方法可以很轻松的获取原生的DOM对象. 先来看:获取jQuery Object之一, // Selecting only the first <h1> element on the page (in a jQuery object) var headings = $( "h1" ); var first

jQuery选择器和DOM操作——《锋利的jQuery》（第2版）读书笔记1

第1章认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: 隐式迭代: 行为层与结构层的分离: 丰富的插件支持: 完善的文档: 开源. jQuery对象就是通过jQuery包装DOM对象后产生的对象. 在jQuery对象中无法使用DOM对象的任何方法.同样,DOM对象也不能使用jQuery里的方法. jQuery对象和DOM对象的相互转换如果

转：VS2008 vs2010中JQUERY智能提醒

第一步: 安装VS 2008 SP1 VS 2008 SP1 在Visual Studio中加了更丰富的JavaScript intellisense支持,对很大部分的JavaScript库加了代码完成支持. 你可以在这里下载VS 2008 SP1 和 Visual Web Developer 2008 Express SP1. 第二步: 安装VS 2008 Patch KB958502以支持"-vsdoc.js"Intellisense文件你可以将其运用到VS 2008 SP1 和