Jquery-end()使用的有关问题 _JavaScript

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的字体是红色的？
明白的能给我详细的分析一下不？谢谢了哈。

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

效果就是，给所有的div内加上Hello world!
并在第一个Hello world!附加样式：Hello world!

------解决方案--------------------
$("Hello world!").appendTo("div")多次改变jquery元素的操作。
.end()操作匹配之前改变操作的第一次操作的动作，即第一个DIV节点
------解决方案--------------------
$("Hello world!").appendTo("div")改变jQuery元素的操作，
.end() 匹配之前第一次的操作。即第一个div节点。
------解决方案--------------------

探讨
引用:
$("Hello world!")//这是jquery申明元素的另一种方法
.appendTo("div")//附加到div尾
.end()//回到上一次操作之前，也就是将操作对像又指回了Hello world!
.addClass("test");//给它添加一个test样式

效果就是，给所有的div内加上Hello wor……