亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時(shí)間：2015年12月30日 10:13:13   作者：nd  
這篇文章主要介紹了jQuery給元素添加樣式的方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery給元素添加樣式的各種常見操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery給元素添加樣式的方法。分享給大家供大家參考，具體如下：

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

$("#tow").attr("class")//獲取ID為tow的class屬性
$("#two").attr("class","divClass")//設(shè)置Id為two的class屬性。

2、追加樣式

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

3、移除樣式

$("#two").removeClass("divClass")//移除 ID為two的對(duì)象的class名為divClass的樣式。
$(#two).removeClass("divClass divClass2")//移除多個(gè)樣式。

4、切換類名

復(fù)制代碼 代碼如下:
$("#two").toggleClass("anotherClass") //重復(fù)切換anotherClass樣式

5、判斷是否含有某項(xiàng)樣式

復(fù)制代碼 代碼如下:
$("#two").hasClass("another")==$("#two").is(".another");

6、獲取css樣式中的樣式

復(fù)制代碼 代碼如下:
$("div").css("color")//設(shè)置color屬性值. $(element).css(style)

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

復(fù)制代碼 代碼如下:
$("div").css("color","red")

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

$("div").css({fontSize:"30px",color:"red"})
$("div").css("height","30px")==$("div").height("30px")
$("div").css("width","30px")==$("div").height("30px")

7.offset()方法

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

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

var offset=$("div").offset();
var left=offset.left; //獲取左偏移
var top=offset.top; //獲取右偏移

8、position()方法

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

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

$("div").scrollTop(); //獲取元素的滾動(dòng)條距頂端的距離。
$("div").scrollLeft(); //獲取元素的滾動(dòng)條距左側(cè)的距離。

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è)樹由下至上收縮的動(dòng)態(tài)效果，就使用slideToggle就ok了。

$('input').attr("readonly",true)//將input元素設(shè)置為readonly
$('input').attr("readonly",false)//去除input元素的readonly屬性
$('input').attr("disabled",true)//將input元素設(shè)置為disabled
$('input').attr("disabled",false)//去除input元素的disabled屬性

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

相關(guān)文章

最新評(píng)論