如何在jQuery中获得作为<p>的span的第一个父级？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JS和JQuery获取当前元素的兄弟及父级等元素的方法

这个方法和 children() 的区别就在于，包括空白文本，也会被作为一个 jQuery 对象返回， children() 则只会返回节点 jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点...，而 jQuery.find()，的返回结果，不会有初始集合中的内容，比如 $("p").find("span") ，是从 p> 元素开始找 span> ，等同于 $("p span") JS获取：...var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSibling; //获得...s的下一个兄弟节点 var ps=s.previousSibling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChild...; //获得s的最后一个子节点 JS获取节点父级，子级元素：JS的方法会比JQUERY麻烦很多，主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素：空的text元素，目前IE也是这样 <div

14.2K1 0

21.jQuery

jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。...,第一层 $("div").find("span") //div中的包含的所有span元素,子子孙孙 $("p").next() 　　　//紧邻p元素后的一个同辈元素 $("p")....test2'之间所有的父级元素,掐头去尾 $("div").siblings() //所有的同辈元素,不包括自己 1.next（紧邻的同级下一个元素） p>11p> span>22的那个元素为止 offsetParent 返回第一个匹配元素用于定位的父节点 parents 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。...可以用可选的表达式进行筛选 eq 获取当前链式操作中第N个jQuery对象，返回jQuery对象 first 获取第一个元素 last 获取最后个元素 filter

3.7K9 0

您找到你想要的搜索结果了吗？

是的

没有找到

比较实用的jQuery代码段

如何为任何与选择器相匹配的元素设置事件处理程序： $('button.someClass').live('click', someFunction); //注意，在jQuery 1.4.2中，delegate...第一个运行的结果 9bacaf 这个只是替换了第一个 "abacacf".replace(/a/g,'9') //第二个运行的结果 9b9c9f 这个能实现js的全部替换功能 11....如何在一段时间之后自动隐藏或关闭元素（支持1.4版本）： //这是1.3.2中我们使用setTimeout来实现的方式 setTimeout(function() { $('.mydiv').hide...在jQuery中如何测试某个元素是否可见 if($(element).is(':visible') == 'true') { //该元素是可见的 } 16....如何使用closest来取得父元素： closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。

2.4K4 1

继续死磕前端

jquery long long ago ～人们发现了一个好用的工具，它涵盖了常用的所有功能，还提供了很多相当方便的设计（如 Ajax）。...因此，它的面世，如星星之火燎原之势迅猛发展，以至于微软公司把它作为官方库。这个小小的 js 文件，你可以说他是插件，也可以称其为框架，随你喜欢，只要知道一点，它很好用就可以了。...3.选择所有的 p 标签（类比标签选择器） $('p') 4.选择 id 为 mylist 的元素下所有 li 标签下的 span 元素（类比层级选择器） $('#mylist li span') 5...，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层...答：事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。

3.7K1 0

JQuery基础

")：选取第一个元素中的第一个元素 $("ul li:first-child")：选取每个元素下的第一个元素 $("[href]")：选取所有带有href的元素 $("a...（适用于表单字段）发生改变时）,focus（元素获得焦点）,blur（元素失去焦点）事件；文档/窗口事件：load（元素已加载触发，在jQuery1.8中废除。...4.遍历--过滤 first()：返回被选元素的第一个元素 last()：返回被选元素的最后一个元素 eq()：返回被选元素中带有指定索引号的元素；索引号从0开始；如：$('p').eq(1)：返回第二个...noConflict() jQuery使用$作为jQuery的简写。...所以存在一个问题：如果其它js框架使用了$符号，或者书写的js代码中定义了$作为变量或者函数名，这时候就会产生冲突。

6.8K5 1

学习zepto.js(Hello World)

:'span-ele', css: { color: 'red' } })/*创建一个id为span-ele,显示值为hello,红色的span标签*//*以上为作为选择器的使用方法*/...该方法接收最多三个参数，　　第一个为html值，可以只是一个标签，如（“”）、或一个html片段，如（“hello”）；　　第二个为一个标识符，用来确定标签类型，该变量主要用于对表格类元素进行一些特殊的处理...接下来在数组containers中循环查找看该标签是否为表格类的标签，如果不是就给一个【*】，【*】的临时父容器为div。　　...方法接收两个参数，上下文，选择器；　　$()方法中如果不传入上下文的话，默认是这样调用的 zepto.qsa(document,selector) 　　默认将document作为上下文传入；　　作为一个看美剧十句话能听懂三句的人...方法，该选择器不包含子选择器并且选择器开头是个#号，这说明人家要的是个ID：XXX的标签　　　　　　如果满足这种情况，就调用getElementById并将返回结果放入一个数组，这也是为什么获得jQuery

4.2K8 0

一个小时学会jQuery

1.5、第一个jQuery程序 jQuery的开发不依赖特定的开发工具，使用常用Web开发工具都行，如：Eclipse、Visual Studio、Dreamweaver、intelliJ IDEA、HBuilder...，如 $('span') //所有的span结点，一个包装集 $('p span') //p标签下的所有span节点，后代节点 $('p>span'...) //p标签下的所有span子节点，子代节点 $('.red') //使用样式red的节点，如span class="red">span> $('*') //所有节点 $("div...,span,p.cls") //选取所有，span>和拥有class为cls的p>标签的一组元素 4.2、基本筛选器 $('span:first') //第一个节点 $('span...#node2") //id为"#node"节点到id为'#node2'之间所有的父级节点,掐头去尾 $("div").siblings() //所有的同辈节点,不包括自己 4.6、属性操作 $("img

22.4K7 1

jQuery常见结点操作

hxb.children(“span”)。...— 注意获取某个子节点或者父节点使用选择器过滤即可！获取hxb的所有祖先元素 hxb.parents(expr) 这是是查找所有祖先元素，不限于父元素。类似于js中的offsetParent。...这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点。...都坐下 $('#id').parentsUntil('.class'); //获取 #id 到 .class 之间的#id 的父级节点 $('#id').nextUntil('.class');...jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如("p").find("span")，是从p元素开始找，等同于

3841 0

Python全栈之jQuery笔记

选择div元素后面的第一个p元素 closest("from") $("div").closest("form"); 选择离div最近的那个form父元素 ================...). 1.jQuery遍历-祖先: parent() 返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历....$("div").find("*"); 返回的所有后代 3.jQuery遍历-同胞(siblings) 同胞拥有相同的父元素.通过jQuery,您能够在DOM树中遍历元素的同胞元素...,那么此事件就会调用这个处理程序, 如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活), 或者它到达了对象层次的最顶层...事件冒泡的作用: 事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件.

6.7K4 0

前端之jQuery

之间的标签，两头的都不算如： $('#p1').nextUntil('#p3') jQuery.fn.init [p#p2, prevObject: jQuery.fn.init(1)] 上面的元素：...和 .position()的差别在于： .position()是相对于相对于父级元素的位移。获取滚动条位置示例： p span> span span> p> $('div').click(function...each() 方法用来迭代jQuery对象中的每一个DOM元素。每次回调函数执行时，会传递当前循环次数作为参数(从0开始计数)。...终止each循环 return false； 3.9.2.data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。

6.1K2 1

JQuery最全常用方法指南

查找所有div的子节点p，添加样式 $(”input:radio”, document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 $.extend(prop) prop是一个jquery...(”background”); end() 结束当前的操作，回到当前操作的前一个操作找到所有p元素其中的span元素集合，然后返回p元素集合，添加css属性 $(”p”).find(”span”).end...”) $(”div span: first - child”) 匹配父元素的第1个子元素 $(”div span: last - child”) 匹配父元素的最后1个子元素 $(”div button...使用jquery中的jQuery.noConflict(); 方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。...如： jQuery.noConflict(); // 开始使用jQuery jQuery("div p").hide(); // 使用其他库的 $() $("content").style.display

13.2K3 1

浅谈JavaScript

prop方法来完成获取和设置元素的value属性可以通过val方法来完成，更加方便 jQuery事件 1、常用事件 click（）鼠标点击 blur（）元素失去焦点 focus（）元素获得焦点 mouseover...（）鼠标进入（进入子元素也触发） mouseout（）鼠标离开 ready（）DOM加载完成示例代码请私信作者哦事件代理 1、事件代理介绍事件代理就是利用事件冒泡的原理（事件冒泡就是事件会向它的父级一级一级传递...），把事件加到父级上，通过判断事件来源，执行相应的子元素的操作，事件代理首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。...p2">哈哈p> JavaScript对象 1、JavaScript对象的介绍 JavaScript中的所有事物都是对象...数组格式：数据格式的json数据，使用一对中括号（[]），中括号里面的数据使用逗号分隔。

3.7K3 0

jQuery的基本操作

] 　(*)匹配所有元素　 HTML代码： DIV span>SPANspan> p>Pp> jQuery代码: $("*") 结果: [DIV</...siblings元素 prev //任何有效选择器 siblings //一个选择器,并且它作为第一个选择器的同辈 //描述 //找到所有与表单同辈的(inout)元素 HTML代码 <form...,那将会被匹配· //如果父元素中含有其他元素,那将不会被匹配·(注:这里的其它元素并不包含文本节点,如:p>网页p>,用$('p img:only-child')是可以匹配)...properties 作为属性的"名、值对"对象 key,value 1·属性名称 2·返回属性值的函数·第一个参数为当前元素的索引值·第二个参数为原先的属性值· 参数name描述选中复选框为,...元素的index是："+n; }) 　　val([val|fn|arr]) //概述 //获得匹配元素的当前值 //jQuery 1.2中,可以返回任意的值了.包括select.如果多选,将返回一个数组

8.8K2 0

jQuery 基本语法

jQuery代码及功能： function jq(){ $(":text:first").hide(); } 运行：当点击id为test的元素时，隐藏form1表单中的type为text的第一个...ancestors () 一依次以匹配结点的父节点的内容为对象，根节点除外（有点不好理解，看看下面例子就明白了） p>onep> span> two span...alert($(f).eq(i).html());} } 第一个对象是以的父节点的内容为对象，[ two ] 第一个对象是以的父节点的父节点（div）的内容为对象，[p>one...$("#ch").children(“#sp”)过滤得到[span id="sp">threespan> ] parent () parent (expr)取匹配对象父节点的。...插件随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件就可以方便的使用这些插件。

4.9K4 0

jquary学习（二）jquary的使用，jQuery中的选择器

目录首先在官网下载jquary的js文件 html页面文件里面引入 jQuery中的选择器基本选择器id 选择器标签选择器 (“a”)类选择器 (“.class”) 首先在官网下载jquary的js...以后就可以在这个HTML页面使用jquary的语法了 jQuery中的选择器我们打开jquary的中文参考文档 ? ? 打开就是以上的界面。基本选择器 ?...//√ 获得给定祖先元素下的直系子节点对象 //$("div>span").css("background-color","green"); //获得指定元素的下一个节点元素...Item 4span> p> span>Item 11span> span>Item 12span> <br/...//$("ul li:last-child").css("background-color","red"); //√ 匹配每一个ul 中的li标签的位置注意

6.1K2 0

jQuery选择器（满足你的所有业务）

$("ul li:first") //选取第一个元素的第一个元素 $("ul li:first-child")//选取每个元素的第一个元素 $("div...#intro .head") //id="intro" 的元素中的所有 class="head" 的元素 $("*") //所有元素类别选择器 $(".intro")...intro") //id="intro" 的元素后代选择器 $("p span") //选取p>元素里的所有的span>元素（注：后代选择器选择父元素所有指定选择的元素，不管是儿子级，还是孙子级...）子选择器 $("p>span") //选择p>元素下的所有span>元素（注：子选择器只选择直属于父元素的子元素）同辈选择器 $(".intro+p") //选取class为intro...>元素中第一个p>元素 $("p:last") //选取所有p>元素中最后一个p>元素 $("input:not(.myClass)")//选取class不是myClass的元素

1.6K2 0

前端之jquery函数库

微软公司甚至把jQuery作为他们的官方库。...2、正则表达式的写法： var re=new RegExp('规则', '可选参数'); var re=/规则/参数; 3、规则中的字符 1）普通字符匹配：如：/a/ 匹配字符 ‘a’，/a,b/...，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层...事件冒泡的作用事件冒泡允许多个操作被集中处理（把事件处理器添加到一个父级元素上，避免把事件处理器添加到多个子级元素上），它还可以让你在对象层的不同级别捕获事件。...，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。

6K2 0

jQuery中常用的函数和属性详细解析

相当于在body中写了一段html代码 $(elems) 获得DOM上的某个元素 $(function(){……..}); 执行一个函数 $("div > p").css("border", "1px...solid gray"); 查找所有div的子节点p，添加样式 $("input:radio", document.forms[0]) 在当前页面的第一个表单中查找所有的单选按钮 jQuery为开发插件提拱了两个方法...queue( ) 取得第一个匹配元素的动画序列的引用(返回一个内容为函数的数组) queue( callback ) 在每一个匹配元素的事件序列的末尾添加一个可执行函数，作为此元素的事件函数 queue...("background"); end( ) 结束当前的操作，回到当前操作的前一个操作找到所有p元素其中的span元素集合，然后返回p元素集合，添加css属性 $("p").find("span")....") $("div span:first-child")匹配父元素的第1个子元素 $("div span:last-child") 匹配父元素的最后1个子元素 $("div button:only-child

3.8K1 0

Web前端JQuery面试题（二）

Web前端JQuery面试题（二） Web前端JQuery面试题（二） 1.请写出jquery的语法？...如：dashu, p>p> 可见性过滤选择器: :hidden 获取所有不可见元素 :visible 获取所有的可见元素属性过滤选择器： [attribute...:first-child 匹配每个父元素下的第一个子元素 :last-child 匹配每个父元素下的最后一个子元素 :only-child 匹配父元素中只有唯一的子元素，如果父元素中有多个子元素，就不会被匹配...("span"); 替换节点 replaceWith(content) 将选择的元素替换成指定内容 $("span").replaceWith("p>dashup>"); replaceAll...>p> $("p").wrap(""); p>span>daspan>p> $("span").wrapInner(""); p>span

2.7K3 0

jQuery基础图文系列

() 从元素本身开始，逐级向上元素匹配，并返回最先匹配的祖先元素 .contents() 获得匹配元素集合中每个元素的子元素 .each() 对jQuery对象进行迭代，为每个匹配元素执行函数 .end....nextUntil() 获得每个元素之后所有的同辈元素直到遇到匹配选择器的元素为止 .not() 从匹配元素集合中删除元素 .offsetParent() 获得用于定位的第一个父元素 .parent...() 获得当前匹配元素集合中每个元素的父元素 .parents() 获得当前匹配元素集合中每个元素的祖先元素 .parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素，直到遇到匹配选择器的元素为止....prev() 获得匹配元素集合中每个元素的前一个同辈元素 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素 .prevUntil() 获得每个元素之前所有的同辈元素，直到遇到匹配选择器的元素为止...(){ 加入的内容 }); 简写 jQuery(function($) { // 你可以在这里继续使用$作为别名... }); jQuery 对象中元素的个数，开发中通常要用来计算元素个数，然后做循环等超值

5.3K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭