jQuery開發筆記－Travel

jQuery是非常好用的javascript的library，現在沒它我還真的寫不大出來好用的javascript，這邊做個筆記，主要是剛在用時，想要找上一個及下一個元素，及簡寫和全寫的記錄

等待load完再run

$(function(){ 程式內容 });
jQuery(document).ready(function(){ 程式內容 });

往上一個元素找

$(expression).prev([expr]);
jQuery(expression).prev([expr]);

往下一個元素找

$(expression).next([expr]);
jQuery(expression).next([expr]);

遞迴所有取得的元素

$(expression).each(function(){
    alert($(this).html());
});
jQuery(expression).each(function(){
    alert(jQuery(this).html());
});

取得子元素再一個個處理，例如要取得table下每個tr，有底下三種做法
直接在expression輸入目標

$("table tr").each(function(){
alert($(this).html());
});
jQuery("table tr").each(function(){
   alert($(this).html());

});
//其中table tr表示在table底下的第一層tr
//改成table > tr，這樣是限定tr在table接下來的第一層子結點，中間不能有其他不同的tag

使用children（這是tr為子結點時，一般也一定是）

$("table").children("tr").each(function(){
alert($(this).html());
);
jQuery("table").children("tr").each(function(){
   alert($(this).html());
});

//使用find（這方式是找尋table底下符合tr的子結點），效果如同第一種的$("table tr")
$("table").find("tr").each(function(){
    alert($(this).html());
});

jQuery("table").find("tr").each(function(){
    alert($(this).html());
});

參考網址：
jQuery 篩選元素 (Traversing)