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节点。
------解决方案--------------------