html中用jq中焦点详解,jQuery的end()方法使用详解

end()方法的定义和用法:

end()方法能够回到最近的一个"破坏性"操作之前，即将匹配的元素列表变为前一次的状态。

如果没有破坏性操作将返回一个空集。

破坏性操作的概念:指任何改变所匹配元素的操作。可能大家对这个概念比较模糊，举个例子:

$("li").css("color","red");

以上代码的CSS函数就不是一个破坏性操作，因为匹配元素列表并没有发生变化，改变的是元素中的文本内容的CSS属性。

$("li").find(".first")

以上代码就是一个破坏性操作，因为匹配元素的列表发生了变化，比如有三个li元素，那么匹配元素的列表有三个元素，但是经过使用find()方法筛选以后，匹配元素列表只有一个元素了，这就是发生了"破坏性"操作。

语法结构:

$(selector).end()

实例代码:

脚本之家

$(document).ready(function(){

$(".first").find(".div").css("color","green");

$(".second").find(".div").end().css("color","blue");

$(".third").find(".js").css("color","blue").end().css("color","red")

})

HTML专区
Javascript专区
Div+Css专区
Jquery专区

HTML专区
Javascript专区
Div+Css专区
Jquery专区

HTML专区
Javascript专区
Div+Css专区
Jquery专区

以上所述就是本文的全部内容了，希望大家能够喜欢。

html中用jq中焦点详解,jQuery的end()方法使用详解相关推荐

jQuery Mobile中jQuery.mobile.changePage方法使用详解
jQuery.mobile.changePage方法用的还是很多的.作为一个老手,有必要对jQuery mobile中实用方法做一些总结.系列文章请看jQuery Mobile专栏.jquery.mo ...
java判断一个对象是否为空_Java中判断对象是否为空的方法的详解
首先来看一下工具StringUtils的判断方法: 一种是org.apache.commons.lang3包下的: 另一种是org.springframework.util包下的.这两种StringU ...
html引入php文件中的函数,手把手教你在html中引入另一个html文件的方法（详解）...
html中引入调用另一个html的方法,尝试了好几种,都列出来: 其中第一种是最好的,其他的方法,可以尝试看看,是不是适合你当前项目一.p+$("#page1").load(&q ...
jq中法可以发起ajax请求的方法有,js与jQuery终止正在发送的ajax请求的方法
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法.分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时 ...
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...
jq中法可以发起ajax请求的方法有,jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决 ...
jQuery的end()方法使用详解
end()方法的定义和用法: end()方法能够回到最近的一个"破坏性"操作之前,即将匹配的元素列表变为前一次的状态. 如果没有破坏性操作将返回一个空集. 破坏性操作的概念:指任何 ...
怎么在jq中添加html样式,jquery怎么添加css样式
jquery添加css样式的方法:1.使用addClass()方法添加css样式,语法如"$(selector).addClass(class)":2.使用css()方法设置css ...
IDEA中如何设置文件头注释和方法注释(详解)
文件头注释和方法注释的两种方式方法一: 文件头注释: 打开File–>Settings–>Editor–>File and Code Templates–>includes– ...

html中用jq中焦点详解,jQuery的end()方法使用详解

html中用jq中焦点详解,jQuery的end()方法使用详解相关推荐

最新文章

热门文章