jQuery append() 方法
append() 方法在 被選元素內(nèi)部的結(jié)尾插入指定內(nèi)容。
提示：append() 和 appendTo() 方法執(zhí)行的任務(wù)相同。不同之處在于：內(nèi)容的位置和選擇器的位置相反。
語法：$(selector).append(content)
<div>
<span class="love">
我愛你
</span>
</div>
執(zhí)行下面：
$(".love").append("<p>我要加一個(gè)數(shù)據(jù)</p>");
結(jié)果：
<div>
<span class="love">
我愛你
<p>我要加一個(gè)數(shù)據(jù)</p>
</span>
</div>
jQuery appendTo()方法
將匹配的元素插入到目標(biāo)元素內(nèi)部的最后面
.append()和.appendTo()兩種方法功能相同
主要的不同是語法——內(nèi)容和目標(biāo)的位置不同。
<h2>Greetings</h2>
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
- 我們可以創(chuàng)建內(nèi)容然后同時(shí)插入到好幾個(gè)元素里面：
$('<p>Test</p>').appendTo('.inner');
每個(gè)新的inner <div>元素會(huì)得到新的內(nèi)容：
<h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<div class="inner">
Goodbye
<p>Test</p>
</div>
</div>
- 我們也可以在頁面上選擇一個(gè)元素然后插在另一個(gè)元素里面：
$('h2').appendTo($('.container'));
如果這種方式選擇的元素被插入到一個(gè)DOM中單一的位置的地方（愚人碼頭注：文檔中只有一個(gè)目標(biāo)元素），它將被 移動(dòng)到目標(biāo)中（不是克?。?，并返回一組新的插入后的元素集合：
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
<h2>Greetings</h2>
</div>
然而，如果有多個(gè)目標(biāo)元素，插入元素的克隆副本被創(chuàng)建到每個(gè)目標(biāo)元素，而不是只插入到最后一個(gè)目標(biāo)元素，并且新的集合（原始元素加克隆元素）被返回。
jQuery parent() 方法
parent() 方法返回被選元素的直接父元素。
下面的例子返回每個(gè) <span> 元素的的直接父元素：
$(document).ready(function(){
$("span").parent();
});
jQuery parents() 方法
parents() 方法返回被選元素的所有祖先元素，它一路向上直到文檔的根元素 (<html>)。
下面的例子返回所有 <span> 元素的所有祖先：
$(document).ready(function(){
$("span").parents();
});
也可以使用可選參數(shù)來過濾對(duì)祖先元素的搜索:
下面的例子返回所有 <span> 元素的所有祖先，并且它是 <ul> 元素：
$(document).ready(function(){
$("span").parents("ul");
});
jQuery children() 方法
children() 方法返回被選元素的所有直接子元素。
下面的例子返回每個(gè) <div> 元素的所有直接子元素：
$(document).ready(function(){
$("div").children(這里面可以寫條件指定某一個(gè)孩子);
});
您也可以使用可選參數(shù)來過濾對(duì)子元素的搜索。
下面的例子返回類名為 "1" 的所有 <p> 元素，并且它們是 <div> 的直接子元素：
實(shí)例
$(document).ready(function(){
$("div").children("p.1");
});
jQuery find() 方法
find() 方法返回被選元素的 所有 后代元素，一路向下直到最后一個(gè)后代。
下面的例子返回屬于 <div> 后代的所有 <span> 元素：
$(document).ready(function(){
$("div").find("span");
});
下面的例子返回 <div> 的所有后代：
$(document).ready(function(){
$("div").find("*");
});
jQuery closest() 方法
closest() 方法獲得匹配選擇器的第一個(gè)祖先元素，從當(dāng)前元素開始沿 DOM 樹向上。
$("#content").closest("li")
#找到id=content的元素的 最近的祖先元素 li
Prev()
$(this).prev() # 找到當(dāng)前元素的上一個(gè)兄弟（同胞）
$("p").prev(".selected") #檢索每個(gè)段落p，找到類名為 "selected" 的前一個(gè)同胞元素：
獲取元素值 || 賦值 val()
var value = $(this).prev().val(); #jquery獲取某一個(gè)元素的值的方法
$(this).prev().val(""); # 也可以給某一個(gè)元素賦值，這將當(dāng)前元素的上一個(gè)同胞（兄弟）元素置空(賦空值)
數(shù)據(jù)解析$.parseJSON()
$.parseJSON(result)； #jquery也可以解析數(shù)據(jù)，解析成json對(duì)象
下一個(gè)同胞元素next()
``$("p").next(); ##查找每個(gè)段落p的下一個(gè)同胞元素$("p").next(".selected").css("background", "yellow");` #查找每個(gè)段落p的下一個(gè)同胞元素，僅選中類名為 "selected" 的段落
獲取后面跟隨的所有同胞元素：nextAll()
nextAll() 獲得匹配元素集合中每個(gè)元素的所有跟隨的同胞元素，
$("div:first").nextAll().addClass("after");#查找第一個(gè) div 之后的所有類名，并為他們添加類名：
獲取css屬性，給某屬性賦值：css()
所有子孫里查找：find()
$("p").find('.post-footer') 查找p元素下面有沒有class為post-footer的一個(gè)元素，find方法會(huì)在p的所有子孫里面去查找。
after()
after() 方法在被選元素后插入指定的內(nèi)容。
$("button").click(function(){
$("p").after("<p>Hello world!</p>");
});
