1. 程式人生 > >jQuery基礎——節點操作

jQuery基礎——節點操作

() 生成 for 視頻 原生 循環 新的 value clone()

一、html標簽追加

·  1、音頻標簽

    <audio src="" controls></audio> //src:引入文件 controls:顯示進度條

      jQuery並沒有對音頻標簽進行封裝,只能用原生dom方法, .play()//播放 .load()//關閉為播放完的,重新加載新的

  

  2、視頻標簽

    <video src="" controls autoplay loop width=""></video> //autoplay:自動播放 loop:循環播放

二、jQuery 節點操作

  1、生成節點 $(‘<div></div>‘)

  2、添加節點:

    $(a).append(b) //b節點追加到a內部的後面

    $(b).appendTo(a) //b節點追加到a內部的後面

    $(a).prepend(b) //b節點追加到a內部的前面

    $(b).prependTo(a) //b節點追加到a內部的前面

    

    $(a).after(b) //b節點追加到a的後面

    $(a).before(b) //b節點追加到a前面

  3、刪除節點

    empty() //清空節點內容,同時清空內容綁定的事件

    remove() //刪除節點,刪除綁定的事件

  4、克隆節點

    clone() //傳入true克隆事件,false不復制事件

三、內容操作

  val() ==> value

  text() ==> innerText

  html() ==> innerHTML

jQuery基礎——節點操作