jQuery操做樣式

1. css操做：
   做用：操做元素的樣式及style屬性
   例：

1.1 操做單個屬性:
$('選擇器').css("屬性名","屬性值")

1.2 操做多個屬性,參數設置爲對象,在對象中添加要操做的屬性:
$("選擇器").css({
"屬性名1":"屬性值"
"屬性名2":"屬性值"
"屬性名3":"屬性值"
})

1.3 也能夠用於獲取屬性的值
$("選擇器").css("屬性名")
返回的是屬性名對應的值,若是獲取的是多個元素,只會返回第一個元素獲取的屬性值

2. class操做
   做用:可使css樣式的代碼作到複用的效果,把css樣式封裝到類選擇器中,須要個元素添加樣式時,只須要給元素添加一個類名便可,不須要時刪除類名便可.
   例:

2.1 添加樣式名:
$("選擇器").addClass("類名") //注意:添加類名不須要加符號 .

2.2 移除類名
$('選擇器').removeClass('類名')

2.3 查詢元素是否有該樣式
$('選擇器').hasClass('類名')

2.4 切換樣式名
//斷定元素是否有該樣式,若是沒有就添加該樣式名,若是有就移除該樣式名
$('選擇器').toggleClass('類名')