jquery 基础操作 （未完）

//jquery 文档操作


/*append 函数  像每个匹配元素内部追加内容 */
$("#div1").append("<P> p1 </p>");
$("#div1").append(function(i,text){
return "<p> p2</p>";
});

/*appendTo 函数 把所有匹配的元素追加到另一个指定的元素元素集合中。回值是所有被追加的内容*/
$("<p> p3 </p>").appendTo("#div1");

/*prepend 函数 向每个匹配的元素内部前置内容。*/
$("#div1").prepend("<p> p4 </p>");

/*prependTo 函数 把所有匹配的元素前置到另一个、指定的元素元素集合中。*/
$("<p> p5</p>").prependTo("#div1");

/* after 函数 在每个匹配元素之后插入内容 */
$("#div1").after("<p>p6</p>");

/* before 函数 在每个匹配的元素之前插入内容*/
$("#div1").before("<p>p7</p>");

/*insertAfter 函数  把所有匹配的元素插入到另一个、指定的元素元素集合的后面。*/
$("span").insertAfter("#div1");

/*insertBefore 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。*/
$("<span> span3</span>").insertBefore("#div1");

/*wrap 把所有匹配的元素用其他元素的结构化标记包裹起来。*/
$("span").wrap("<div id='div2'></div>")

/*unwrap 这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。*/
$("span").unwrap("<div id='div2'></div>");

/*wrapAll 将所有匹配的元素用单个元素包裹起来*/
$("span").wrapAll("<div id='div2'></div>");

/*wrapInnert 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来*/
$("span").wrapInnert("<div id='div2'></div>");

/* replaceWith 将所有匹配的元素替换成指定的HTML或DOM元素。*/
$("b").replaceWith("p");

/* replaceAll 用匹配的元素替换掉所有 selector匹配到的元素。*/
$("<b> 替换</b>").replaceAll("span");

/*empty 删除匹配的元素集合中所有的子节点。*/
$("#div1").empty();

/*romove 从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，
因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。*/
$("#div1").romove();

/*detach 从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除，
因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。*/
$("#div1").detach();

/*clone 克隆匹配的DOM元素并且选中这些克隆的副本。
在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。*/
$("b").clone().prependTo("p");

/*jquery 属性操作*/

/* attr 设置或返回被选元素的属性值。*/
$("#a1").attr({
"href":"www.souhu.com"
});

/*removeAttr 从每一个匹配的元素中删除一个属性*/
$("#a1").removeAttr("href");

/*prop 随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误*/
var val=$("input").prop("value");
$("input").prop({
"value":"密码"
});

/*removeProp 用来删除由.prop()方法设置的属性集*/
$("input").removeProp("value");

/*addClass 为每个匹配的元素添加指定的类名。 */
$("#div1").addClass("div1");

/*removeClass 从所有匹配的元素中删除全部或者指定的类*/
$("#div1").removeClass("div1");

/*toggleClass 如果存在（不存在）就删除（添加）一个类。*/
$("#div1").toggleClass("div1");
$(".div1").append("<p>pv</p>");

/* html  text  为元素设置或获取值 html 可以支持HTML标记*/
$("#div1").html("html 值");
$("#div1").text("text 值");

/*val  获取元素的value值 */
alert($("input").val());

/*jquery 工具函数*/

/*each 函数 循环数组*/

/*$.each([1,2,3],function(i,n){
alert("item:"+i+".."+n);
}); */

/*extend 函数 用一个或多个其他对象来扩展一个对象，返回被扩展的对象。 可以用来做插件  */
/*
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
alert(jQuery.extend(settings, options).limit);
*/
var empty = {validate:123,limit:4,name:"zz"};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);
for(var s in settings){
alert(s+"="+settings[s]);
} 

/* grep 函数  过滤函数*/
alert($.grep([1,2,3],function(n,i){
return n>2;
}));

*/