jQuery 抄袭笔记(19) :End()
22 Oct 2011end()这个东西折腾了半天,是不是我理解能力比较差!!
昨天来不及更新文章,被拖到今天了,这两天好像没有写代码的状态,脑袋反应很慢,而且忍受不了旁边悉悉碎碎的声音,神经衰弱?
现在扣上大耳机,音量飙高,难得的清净。
$(document).ready(function(){ $("input").click(function(){ //alert($("#lazy1").html()); //输出:<div id="lazy2"><div id="lazy3">Lazynight欢迎您!</div></div> //alert($("#lazy1").find("#lazy3").html()); //输出:Lazynight欢迎您! alert($("#lazy1").find("#lazy3").end().html()); //输出:<div id="lazy2"><div id="lazy3">Lazynight欢迎您!</div></div> //总结: //如果加end(),则html()是对lazy1起作用 //如果不加end(),html()是对lazy3起作用 //所以,end()结束对lazy3的引用返回到lazy1. }); });
01 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
02 <html xmlns=“http://www.w3.org/1999/xhtml”>
03 </span>
04 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
05</span>Hello Lazynight!</title>
06 <script type=“text/javascript” src=“jquery-1.1.3.pack.js”></script>
07 <script type=“text/javascript”>
08 $(document).ready(function(){
09 $(“input”).click(function(){
10 alert($(“#lazy1″).find(“#lazy3″).end().html());
11 });
12 });
13 </script>
14 </head>
15 </span>
16 <input type=“button” value=“text”>
17 <div id=“lazy1″><div id=“lazy2″><div id=“lazy3″>Lazynight欢迎您!</div></div></div>
18 <a href=“http://lazynight.me”>
19
02 <html xmlns=“http://www.w3.org/1999/xhtml”>
03 </span>
04 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
05
06 <script type=“text/javascript” src=“jquery-1.1.3.pack.js”></script>
07 <script type=“text/javascript”>
08 $(document).ready(function(){
09 $(“input”).click(function(){
10 alert($(“#lazy1″).find(“#lazy3″).end().html());
11 });
12 });
13 </script>
14 </head>
15 </span>
16 <input type=“button” value=“text”>
17 <div id=“lazy1″><div id=“lazy2″><div id=“lazy3″>Lazynight欢迎您!</div></div></div>
18 <a href=“http://lazynight.me”>
19
</span>
20 end():回到最近的一个”破坏性”操作之前。即,将匹配的元素列表变为前一次的状态。
21 如果之前没有破坏性操作,则返回一个空集。
22 所谓的”破坏性”就是指任何改变所匹配的jQuery元素的操作。
23 这包括在 Traversing 中任何返回一个jQuery对象的函数–’add’, ‘andSelf’, ‘children’, ‘filter’, ‘find’,
24 ‘map’, ‘next’, ‘nextAll’, ‘not’, ‘parent’, ‘parents’, ‘prev’,
25 ‘prevAll’, ‘siblings’ ,’slice’ ,Manipulation 中的 ‘clone’。
26 </pre>
27 </a>
28 </body>
29 </html> </div> 下载源码 转载请注明:[于哲的博客][1] » [jQuery 抄袭笔记(19) :End()][2] [1]: http://lazynight.me [2]: http://lazynight.me/593.html