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

1、獲取和設(shè)置樣式

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

3、移除樣式

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

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

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

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

設(shè)置多個(gè)樣式

7.offset()方法

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

注意：只對(duì)可見(jiàn)元素有效。

8、position()方法

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

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

10、jQuery中的 toggle和slideToggle 方法，都可以實(shí)現(xiàn)對(duì)一個(gè)元素的顯示和隱藏。區(qū)別是：

toggle：動(dòng)態(tài)效果為從右至左。橫向動(dòng)作。
slideToggle：動(dòng)態(tài)效果從下至上。豎向動(dòng)作。

比如想實(shí)現(xiàn)一個(gè)樹(shù)由下至上收縮的動(dòng)態(tài)效果，就使用slideToggle就ok了。

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com