jQuery給元素添加樣式的方法詳解_jquery

1、獲取和設置樣式

2、追加樣式
代碼如下:$("#two").addClass("divClass2")//為ID為two的對象追加樣式divClass2

3、移除樣式

4、切換類名
代碼如下:$("#two").toggleClass("anotherClass") //重復切換anotherClass樣式

5、判斷是否含有某項樣式
代碼如下:$("#two").hasClass("another")==$("#two").is(".another");

6、獲取css樣式中的樣式
代碼如下:$("div").css("color")//設置color屬性值. $(element).css(style)

設置單個樣式
代碼如下:$("div").css("color","red")

設置多個樣式

7.offset()方法

它的作用是獲取元素在當前視窗的相對偏移，其中返回對象包含兩個屬性,即top和left 。

注意：只對可見元素有效。

8、position()方法

它的作用是獲取元素相對于最近的一個position樣式屬性設置為relative或者absolute的祖父節點的相對偏移，與offset()一樣，它返回的對象也包括兩個屬性即top和left。

9、scrollTop()方法和scrollLeft()方法

10、jQuery中的 toggle和slideToggle 方法，都可以實現對一個元素的顯示和隱藏。區別是：

toggle：動態效果為從右至左。橫向動作。
slideToggle：動態效果從下至上。豎向動作。

比如想實現一個樹由下至上收縮的動態效果，就使用slideToggle就ok了。

希望本文所述對大家jQuery程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com