1. 程式人生 > >JQuery在網頁中新增內容

JQuery在網頁中新增內容

1.在指定元素裡面新增

apped()  - 在被選元素結構插入內容

prepend() - 在被選元素的開頭插入內容

在指定元素外面新增

after() -在被選元素之後插入內容

before() -在被選元素之前插入內容

2.刪除元素

remove() 方法刪除被選元素及其子元素(自己(被選元素)也被刪除了)

empty()方法刪除被選元素的子元素(刪除子元素,自己(被選元素)沒有被刪除)

remove() 方法也可接受一個引數,允許對被刪除元素進行過濾

如:

 $("p").remove("red");(red是css裡面的一個樣式,p就是<p>標記)

JQuery操作CSS

JQuery    擁有若干進行css操作的方法,主要介紹幾種

addClass()   -向被選元素新增一個或者多個類

如:   $("p").addClass("blue");

removeClass 從被選元素刪除一個或者多個類

如:   $("p").removeClass("blue")

toggleClass() 對被選元素進行新增/刪除類的切換操作

如:  $("p").toggleClass("red");//這個程式碼就可以實現在紅色和不是紅色之間切換!