元素屬性操作

• attr(name)獲取屬性       attr（“title”）
• attr(name,value)          attr("title","picture")
• attr(name1:value1,name2:value2)    attr(src:"1.jpg",title:"picture")

在jQuery中，操作元素內容的方法包括html（）和text（）

• html（）獲取元素的html內容；
• html（val）設定元素的html內容；
• text（）獲取元素的文字內容；
• text（val）設定元素的文字內容；

獲取或設定元素值

• 在jquery中 如果要獲取元素的值，通過val（）方法來實現的
• val（）是獲取val的值‘
• val（val）設定val的值為val
• 獲取select標記的多個選項值：val（）.join（","）

元素樣式操作：通過css（name，value）方法設定樣式值

• 設定元素樣式值：css（name，value） 
  • css（”color“，”red“）
• 增加css類：addClass（class）
  •  addClass（”new“）新增new類
• 類別切換：toggleClass（class）
  • toggleClass（”new“）
• 刪除css類removeClass（class）
  • removeClass（）刪除所有的類
  • removeClass（”new“）刪除new類

建立和新增新元素

• $(html)完成DOM元素建立
  • var $div=$("<div>建立新元素</div>")
  • $("body").append($div);
• 節點插入方法
  • append(content)：content是追加到目標中的內容
  • append(function(index,html))：追加函式返回的內容
  • appendTo(content)：content是被追加的內容，追加到另一個指定的元素集合中
  • prepend(content)：content插入到被選擇元素前
  • prepend(function(index,html))
  • prependTo(content)：選擇的元素插入到content前
• 外部插入節點方法
  • after(content)
  • after(function)
  • before(content)
  • before(function)
  • insertAfter(function)
  • insertBefore(function)

複製節點

• clone（）
• clone（true）複製所有動作

替換節點

• replaceWith（content）：content為需要替換的內容
• replaceAll（selector）：字串替換指定selector的元素，selector為需要被替換的元素

      二者是個前後操作元素相反 包裹節點

• wrap（html）：把所選擇的元素用其他字串程式碼包裹起來
• wrap（elem）：把所選擇的元素用其他DOM元素包裹起來
• wrap(fn)：把所選擇的元素用fn返回值包裹起來
• unwrap（）：移除所選元素的父元素或包裹標記
• wrapAll（html）：把所選擇的元素用單個元素包裹起來
• wrapAll（elem）：把所選擇的元素用單個DOM元素包裹起來
• wrapInner（html）：把所選擇的元素的子內容用其他字串程式碼包裹起來
• wrapInner （elem）：把所選擇的元素的子元素用其他DOM元素包裹起來
• wrapInner（fn）：把所選擇的元素的子元素用fn返回值包裹起來

其中文字節點也運算元元素 刪除元素

• remove()：刪除該元素
  • $("ul li")remove 
• empty()：清空全部的節點或節點包括的所有後代元素

attr(name)函式只返回第一個匹配元素的特定元素屬性值.  attr(key, name)會設定所有包裝集 中的元素屬性:  attr( properties ) 可以一次修改多個元素屬性（多個屬性用{}） removeAttr( name ) 刪除元素屬性, 但是對應的DOM屬性是不會被刪除的, 只會刪除DOM屬性的值.  修改CSS樣式 1.修改CSS類

addClass( classes )	為每個匹配的元素新增指定的類名。	為匹配的元素加上'selected' 類:  $("p").addClass("selected");
hasClass( class )	判斷包裝集中是否至少有一個元素應用 了指定的CSS類	$("p").hasClass("selected");
removeClass( classes )	從所有匹配的元素中刪除全部或者指定的類。	從匹配的元素中刪除'selected' 類:  $("p").removeClass("selected");
toggleClass( class )	如果存在（不存在）就刪除（新增）一個 類。	為匹配的元素切換'selected' 類:  $("p").toggleClass("selected");
toggleClass( class, switch）	當switch是true時新增類, 當switch是false時刪除類	每三次點選切換高亮樣式:  var count = 0; $("p").click(function(){  $(this).toggleClass("highlight", count++ % 3 ==0） });

addClass( class ) 和removeClass( [classes] ) 的引數可以一次傳入多個css類, 用空 格分割,比如:  $("#btnAdd").bind("click", function(event) { $("p").addClass("c olorRed borderBlue"); });  removeClass方法的引數可選, 如果不傳入引數則移除全部CSS類: