jQuery 筆記

參考資料：jQuery API Rerence

選擇器(Selectors) more...

• $("#div01"); /* document.getElementById("div01"); */
• $("a[@name]").addClass("bg_green");
  尋找有name屬性的 <a />。
• $('#div01 > p:first').addClass('red');
  尋找<div id='div01'>下的第一個<p />，first, last, 空就是全部的

屬性(Attributes) more...

• $("#div01").addClass('red'); /* document.getElementById('div01').className='red'; */
• $("#div01").css("border", "1px solid black");

其它

• 在每一行後面加上文字
  $("#div01 ").find("p").each(function(i) {
  $(this).html( $(this).html() + " 加註(" + i + ")" );
});

事件(Evnets) more...

• 當mouse移過第一行時底色會變。
  $(document).ready(function() {
$('#div01 > p:first').hover(
  function() {$(this).addClass("bg_green");},
  function() {$(this).removeClass("bg_green");}
);
• 當mouse移過每一行的<a/>時底色會變。
  $("a").hover(
  function() {$(this).parents("p").addClass("bg_red");},
  function() {$(this).parents("p").removeClass("bg_red");
});