js、jq平時積累

一、window.onbeforeunload   =   function(){$(window).scrollTop(0);}  //在即將離開當前頁面(刷新或關閉)時執行 JavaScript

二、默認選中第1、2、三個option（2種方法）;

　　$("#aaa")[0].selectedIndex = 0;

　　$("#bbb")[0].selectedIndex = 1;

　　$("#ccc")[0].selectedIndex = 2;　

　　$("#aaa option:eq(0)").attr("selected",true);

　　$("#bbb option:eq(1)").attr("selected",true);

　　$("#ccc option:eq(2)").attr("selected",true);

三、默認選中第三個值;

　　$("input[name=max]").get(2).checked = true;

四、選取選中的radio值;

　　$("radio[name='sex'][checked]").text();

五、獲取選中的option值;

　　$("select[name=max]").find("option:selected").text();

六、$("ul li:eq(0)").color("color","#f00");  至關於  $("ul li").get(0).color("color","#f00");

七、parent()、parents()、parentsuntil() 區別

　　重點說一下第三個，parentsUntil() 得到當前匹配元素集合中每一個元素的祖先元素，直到（但不包括）被選擇器、DOM 節點或 jQuery 對象匹配的元素。

　　舉個栗子：.parentsUntil(selector,filter)   

　　$("p").parentsUntil($("div.box"),".max");

　　即查找P標籤的祖先元素，類別爲.max,到div.box截止查找。

<div class="max">

　　<div class="box max">

　　　　<div></div>

　　　　<div class="max">

　　　　　　<div class="max"><p></p></div>

　　　　</div>

　　</div>

</div>

　　符合條件的標註爲紅色。雖然第二個div也是.max，但不符合「不包括被選擇器、DOM 節點或 jQuery 對象匹配的元素」條件，因此pass。截止到div.box，因此第一個.max也被pass。

八、獲取表單所有元素，:input不進能夠獲取Input，還能夠獲取textarea,select,button標記的表單元素。

　　$("form :input")   注意：form和:input之間要留有空格，下面都是這樣。

　　:text,獲取單行文本框(不包括textarea這樣的多行文本框)。      $("form :text") 

　　:password,獲取密碼框。  $("form :password")  

　　:radio,獲取單選框。   $("form :radio")   

　　:checkbox,獲取複選框。   $("form :checkbox")   

　　:submit,獲取提交按鈕。   $("form :submit")  

　　:image,獲取圖像域。   $("form :image")  

　　:button,獲取普通按鈕。   $("form :button")  

　　:checked,獲取選中狀態元素。   $("form :checked")  

　　:selected,獲取select選中狀態元素。   $("form :selected")  

九、$("label + input")  選取與label同級的緊跟label的input(哥哥弟弟關係);

　　<label></label>

　　<p></p>

　　<input />

　　這樣的不會選中input

　　$("label ~ input")  選取與label同在一個父元素的同級input(兄弟姐妹關係);

　　:header  獲取h一、h二、h3...

　　:animated  獲取正在執行動畫的元素

十、內容過濾選擇器

　　$("div:contains('John')")   選擇全部div中含有John文本的元素 

　　$("td:empty")    選擇全部的爲空（也不包括文本節點）的td元素的數組 

　　$("div:has(p)")   選擇全部含有p標籤的div元素 

　　$("td:parent")    選擇全部的以td爲父節點的元素數組

十一、jquery1.4版本的live()方法。

　　經過 live() 方法附加的事件處理程序適用於匹配選擇器的當前及將來的元素（好比由腳本建立的新元素）。

十二、jquery選擇器性能問題，id(id/結合就近的id  !不要使用id來修飾id) > tag(tag/class前面使用tag !不要使用tag來修飾id)

1三、不要讓相同的選擇器在代碼裏出現屢次，應該將其緩存成一個變量