- css操作：
作用：操作元素的樣式及style屬性
例：
1.1 操作單個屬性:
$('選擇器').css("屬性名","屬性值")
1.2 操作多個屬性,參數(shù)設置為對象,在對象中添加要操作的屬性:
$("選擇器").css({
"屬性名1":"屬性值"
"屬性名2":"屬性值"
"屬性名3":"屬性值"
})
1.3 也可以用于獲取屬性的值
$("選擇器").css("屬性名")
返回的是屬性名對應的值,如果獲取的是多個元素,只會返回第一個元素獲取的屬性值
- class操作
作用:可以使css樣式的代碼做到復用的效果,把css樣式封裝到類選擇器中,需要個元素添加樣式時,只需要給元素添加一個類名即可,不需要時刪除類名即可.
例:
2.1 添加樣式名:
$("選擇器").addClass("類名") //注意:添加類名不需要加符號 .
2.2 移除類名
$('選擇器').removeClass('類名')
2.3 查詢元素是否有該樣式
$('選擇器').hasClass('類名')
2.4 切換樣式名
//判定元素是否有該樣式,如果沒有就添加該樣式名,如果有就移除該樣式名
$('選擇器').toggleClass('類名')
|
