Jquery相关总结

Jquery：
1.选择器
   1.1 基本选择器
        id选择器：$("#id") 类选择器：$(".classname")  元素选择器：$("p")
   1.2 层级选择器
        子选择器：$("div > p")   后代选择器：$("div p")  相邻兄弟选择器：$(".classname + div")   一般兄弟选择器$(".classname ~ div")
   1.3 筛选选择器
       $(".div :first") $(".div :last") $("p : even") $("p : odd")
   1.4 隐藏显示选择器
      $('#div1:visible')  $('#div1:hidden')
   1.5 内容选择器
     $(".div:contains(':contains')")  $(".div:has(span)") $("a:parent") $("a:empty")
   1.6 属性筛选选择器
       查找所有div中，属性name=p1的div元素:
	      $("div [name='p1']") 
	   查找所有div中，属性为pp的div元素:
		  $("div [pp]") 
	   查找所有div中，属性name的值是用imooc开头的
	   $('div[name^=imooc]')
	   查找所有div中，属性name的值是用imooc结尾的
	   $('div[name$=imooc]')
	    查找所有div中，属性name的值是包含test的
	   $('div[name*="test"]') 
	    查找所有div中，属性testattr的值是非等于true的
	   $('div[testattr!="true"]')


2.DOM操作
   2.1 节点的创建
       $("<div></div>");
   2.2 节点的插入
        内插入：
		    追加内容： $("div").append("<p>12122</p>") $("<p>12122</p>").appendTo($("div")) 
			前置内容： $("div").prepend("<p>12122</p>") $("<p>12122</p>").prependTo($("div"));
        外插入：
		    $("p").before("<p>123123</p>") $("p").after("<p>123123</p>")
            $("<p>123123</p>").insertBefore($("p")) $("<p>123123</p>").insertAfter($("p"))		
   2.3 节点的删除
       清空子节点保留自己   $("div").empty();			
	   删除节点包括自己     $("div").remove();
	   节点删除之保留数据的删除操作    $("div").detach()  这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。
	   
   2.4 节点的克隆
       克隆节点$("p").clone();
	   克隆节点及事件$("p").clone(true);
	   
   2.5 节点的替换
       $("p:eq(1)").replaceWith('<a style="color:red">替换第二段的内容</a>') 
   2.6 节点的包裹
       $("p").warp("<div></div>"); 
       卸载：$("p").unwarp("<div></div>");	  
       ('p').wrapAll('<div></div>')	 
	   
   2.7 查找子节点
       $("div").children(); 父子节点查找
	   $("div").find("p"); 后代节点查找
	   
	   $("p").next(); 兄弟元素的下一个
	   $("p").prev(); 兄弟元素的上一个
   2.8 查找兄弟节点
       $("p").ciblings();   $("p").ciblings(":last"); 
	   
   2.9  循环
       $("li").each(function(index,element){
	      //TODO
	   });