jquery文档处理（一）

  <body>
  <p  class="p1">1111</p>
  <p id="A">Hello <span>subNode</span></p> 
 <input type="button" value="empty,remove();detach()">
  <input type="button" value="empty"/>
 </body>

jquery:

function  different()//目标元素绑定的事件
{
$("#A").click(function(){
$(this).css("color","red");
})
var p;
$(":button[value='empty,remove();detach()']").click(function(){

if(p)//不存在是添加；
{
p.appendTo("body");
p=null;
}
else
{
  // p=$("p").remove(); //该方法不会把元素从jquery对象中删除，将来可以继续使用；
  // p=$("p").empty();//移除元素中的内容；
   p=$("p").detach();//移除元素和内容；方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素，会保留所有绑定的事件、附加的数据
   }
});
$(":button[value='empty']").click(function(){$("#A").html("asasa");})//使用empty()会使内容清空，此方法用来加添内容；验证$（p）事件；

}

posted on 2012-11-09 15:45 ms.元阅读(231) 评论(0) 编辑收藏举报