jQuery中的end()的用法

很多同学不明白jquery中的end()到底该怎么用,官网上也没解释清楚,翻译过来就是:

结束最近的操作,返回到匹配元素的前一个状态(返回上一个元素对象)。下面通过例子可以很好的解释

$("#div1").find("p").hide().end().hide()

第一个hide()是对于p标签的 然后用end()结束对p标签的引用而返回到#div1标签
所以第二个hide()是对于#div1起作用的
如果不加end() 则两个hide()都是对p标签起作用
明白了吗?

时间: 2024-08-29 02:18:55

jQuery中的end()的用法的相关文章

jquery中data函数的用法示例

jquery中data() 方法向被选元素附加数据,或者从被选元素获取数据.这使我们通过HTML自定义属性,操作数据,显得非常方便.通常我们也会通过给html自定义属性这样的做法,来存储和操作数据.在jquery中也给我们 提供了data(name,value)这样的方法,来非常方便的实现.有了data()这个方法,你就可以很方便的在一个html标签中添加data-*这样的自定义属性.接下来,就data()方法简单的做下了解. 以下是摘自w3school中对data用法的说明: data方法从元

jQuery中美元符号"$"的用法

jQuery中的“$” 在jQuery中,最频繁使用的符号“$”.$提供了各种各样丰富的功能, 包括选择页面中的一个或是一类元素,作为功能函数的前缀,window.onload的 完善,创建页面的DOM节点等... 1.选择器 在CSS中选择器的作用是选择页面中某一类(类别选择器)元素或者某一个元素(ID选择器) ,而jQuery中的"$"作为选择器,同样是选择某一类或某一类元素,只不过jQuery提供了 更多更全面的选择方式.并且为用户处理了浏览器的兼容问题 CSS可以通过如下代码来

JQuery中DOM事件合成用法

jQuery有两个合成事件——hover()方法和toggle()方法 类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法. hover()方法: hover()方法的语法结构为:hover(enter,leave); hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个函数(leave). 代码为: $(function(){ $("#panel h5.

jQuery 中 is() 函数常见用法

根据选择器.DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true. 如果没有元素符合,或者表达式无效,都返回'false'. '''注意:'''在jQuery 1.3中才对所有表达式提供了支持.在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true 实例: $(document).ready(function() { $('#faq').find('dd').hide().end().find

jquery中的each()的用法

通过它,你可以遍历对象.数组的属性值并进行处理. 使用说明 each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) $.each(Object, function(p1, p2) { this;       //这里的this指向每次遍历中Object的当前属性值 p1; p2;     //访问附加参数 }, ['参数1', '参数2']); 2.遍历数组(有附件参数) $.each(Array, function(p1, p2){ this;       //这里的th

jquery中的ajax请求用法以及参数详情

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

jquery中css()函数的用法

#1div#2#1div#2一个页面中有多个相同元素如#1br /#2#3lt;div#3gt;层1#3lt;/div#3gt;#1br /#2#3lt;div#3gt;层2#3lt;/div#3gt;#1br /#2#3lt;div#3gt;层3#3lt;/div#3gt;#3nb#7p;#1/div#2#1p#2#3nb#7p;#1/p#2#1p#2$("div")和c#7#7("width")#3nb#7p;#1/p#2#1p#2获得的是div中的第一元素的c

jquery 中attr()的一个用法

html 如下: <ul><li><img src="./img/addface_icon.png" ></li></ul> <p></p> js 如下: $(function(){ var src = $("ul").find("img").attr("src");$('p').attr("src",src); }); 以

jquery中的$的特殊用法

通过父级元素选取子元素, $('父元素选择器,子元素选择器')        $('子元素选择器',父元素jquery对象); 通过$创建代码片段 $('<div/>',{ 'class': 'div', 'id': 'div', 'html': "代码片段" }) 创建了一个<div class="div" id="div"></div>