日期:2014-05-16  浏览次数:20323 次

Jquery--end()使用的问题
HTML code

<!DOCTYPE html> 
<html> 
<head> 
  <style> 
  .test{color:red;}
  </style> 
  <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
 
  <div id="first"></div>
  <div></div>
  <div></div>
  <div></div>
  
<script> 
$("<p>Hello world!</P>").appendTo("div").end().addClass("test");
</script> 
 
</body> 
</html>


这儿为什么是第一个DIV的字体是红色的?
明白的能给我详细的分析一下不? 谢谢了哈。

------解决方案--------------------
$("<p>Hello world!</P>")//这是jquery申明元素的另一种方法
.appendTo("div")//附加到div尾
.end()//回到上一次操作之前,也就是将操作对像又指回了<p>Hello world!</P>
.addClass("test");//给它添加一个test样式

效果就是,给所有的div内加上<p>Hello world!</P>
并在第一个<p>Hello world!</P>附加样式:<p class='test'>Hello world!</P>


------解决方案--------------------
$("<p>Hello world!</P>").appendTo("div")多次改变jquery元素的操作。
.end()操作 匹配之前改变操作的第一次操作的动作,即第一个DIV节点
------解决方案--------------------
$("<p>Hello world!</P>").appendTo("div")改变jQuery元素的操作,
.end() 匹配之前第一次的操作。即第一个div节点。
------解决方案--------------------
探讨
引用:
$("<p>Hello world!</P>")//这是jquery申明元素的另一种方法
.appendTo("div")//附加到div尾
.end()//回到上一次操作之前,也就是将操作对像又指回了<p>Hello world!</P>
.addClass("test");//给它添加一个test样式

效果就是,给所有的div内加上<p>Hello wor……