【JQuery】文檔操作

一、前言

       接著上一章的內容，接著JQuery的學習

二、內容

addClass  向被選元素添加一個或多個類
      $(selector).addClass(class)
      $(selector).addClass(function(index,oldClass))


before  在被選元素前插入指定的內容
      $(selector).before(content)
      $(selector).before(function(index))


after  在被選元素後插入指定的內容
      $(selector).after(content)
      $(selector).after(function(index))


append  被選元素的結尾(仍然在內部)插入指定內容
      $(selector).append(content)
      $(selector).append(function(index,html))


appendTo  在被選元素的結尾(仍然在內部)插入指定內容
      $(content).appendTo(selector)


attr  返回被選元素的屬性值
      $(selector).attr(attribute)
      設置被選元素的屬性值
      $(selector).attr(attribute:value)
      $(selector).attr({attribute:value,attribute:value ...})
      $(selector).attr(attribute,function(index,oldValue))


clone  生成被選元素的副本，包含子節點、文本和屬性
      $(selector).clone(includeEvents)


detach  移除被選元素，包括所有文本和子節點
      $(selector).detach()


empty  從被選元素移除所有內容，包括所有文本和子節點   
      $(selector).empty()


hasClass 檢查被選元素是否包含指定的class
      $(selector).hasClass(class)


html  返回或設置被選元素的內容(inner HTML)
      $(selector).html()
      $(selector).html(content)
      $(selector).html(function(index,oldcontent))


insertAfter 在被選元素之後插入HTML標記或已有的元素
      $(content).insertAfter(selector)


insertBefore  在被選元素之前插入HTML標記或已有的元素
      $(content).insertBefore(selector)


prepend  在被選元素的開頭(仍位於內部)插入指定的內容
      $(selector).prepend(content)
      $(selector).prepend(function(index,html))


prependTo  在被選元素的開頭(仍位於內部)插入指定的內容
      $(content).prependTo(selector)


remove  移除被選元素，包括所有文本和子節點
      $(selector).remove()


removeAttr  從被選元素中移除屬性
      $(selector).removeAttr(attribute)


removeClass  從被選元素移除一個或多個類
      $(selector).removeClass(class)
      $(selector).removeClass(function(index,oldClass))


replaceAll  用指定的HTML內容或元素替換被選元素
      $(content).replaceAll(selector)


replaceWith  用指定的HTML內容或元素替換被選元素
      $(selector).replaceWith(content)
      $(selector).replaceWith(function())


text  設置或返回被選元素的文本內容
      $(selector).text()
      $(selector).text(content)
      $(selector).text(function(index,oldcontent))


toggleClass  對設置或移除被選元素的一個或多個類進行切換
             switch為true時只添加，false時為只刪除
      $(selector).toggleClass(class,switch)
      $(selector).toggleClass(function(index,class),switch)


wrap  把每個被選元素放置在指定的HTML內容或元素中
      $(selector).wrap(wrapper)
      $(selector).wrap(function)


wrapInner  使用指定的HTML內容或元素，
           來包裹每個被選元素中的所有內容(inner HTML)
      $(selector).wrapInner(wrapper)
      $(selector).wrapInner(function())


unwrap  刪除被選元素的父元素
      $(selector).unwrap()


val  返回或設置被選元素的值
      $(selector).val()
      $(selector).val(value)
      $(selector).val(function(index,oldvalue))