JQuery中操作Css樣式的方法
//1、獲取和設(shè)置樣式
$("#tow").attr("class")獲取ID為tow的class屬性
$("#two").attr("class","divClass")設(shè)置Id為two的class屬性。
//2、追加樣式
$("#two").addClass("divClass2")為ID為two的對象追加樣式divClass2
//3、移除樣式
$("#two").removeClass("divClass")移除 ID為two的對象的class名為divClass的樣式。
$(#two).removeClass("divClass divClass2")移除多個樣式。
//4、切換類名
$("#two").toggleClass("anotherClass") //重復(fù)切換anotherClass樣式
//5、判斷是否含有某項樣式
$("#two").hasClass("another")==$("#two").is(".another");
//6、獲取css樣式中的樣式
$("div").css("color") 設(shè)置color屬性值. $(element).css(style)
//設(shè)置單個樣式
$("div").css("color","red")
//設(shè)置多個樣式
$("div").css({fontSize:"30px",color:"red"})
$("div").css("height","30px")==$("div").height("30px")
$("div").css("width","30px")==$("div").height("30px")
//7.offset()方法
//它的作用是獲取元素在當(dāng)前視窗的相對偏移,其中返回對象包含兩個屬性,即top和left 。
//注意:只對可見元素有效。
var offset=$("div").offset();
var left=offset.left; //獲取左偏移
var top=offset.top; //獲取右偏移
//8、position()方法
//它的作用是獲取元素相對于最近的一個position樣式屬性設(shè)置為relative或者absolute的祖父節(jié)點的相對偏移,與offset()一樣,它返回的對象也包括兩個屬性即top和left。
//9、scrollTop()方法和scrollLeft()方法
$("div").scrollTop(); //獲取元素的滾動條距頂端的距離。
$("div").scrollLeft(); //獲取元素的滾動條距左側(cè)的距離。
//10、jQuery中的 toggle和slideToggle 方法,都可以實現(xiàn)對一個元素的顯示和隱藏。區(qū)別是:
//toggle:動態(tài)效果為從右至左。橫向動作。
//slideToggle:動態(tài)效果從下至上。豎向動作。
//比如想實現(xiàn)一個樹由下至上收縮的動態(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屬性
相關(guān)文章
JavaScript的jQuery庫中function的存在和參數(shù)問題
這篇文章主要介紹了JavaScript的jQuery庫中function的存在和參數(shù)問題,包括function的參數(shù)傳遞和檢測一個jQuery方法是否存在等,需要的朋友可以參考下2015-08-08
jquery實現(xiàn)標(biāo)題字體變換的滑動門菜單效果
這篇文章主要介紹了jquery實現(xiàn)標(biāo)題字體變換的滑動門菜單效果,通過調(diào)用自定義函數(shù)實現(xiàn)頁面tab切換及字體樣式同步變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery結(jié)合AJAX之在頁面滾動時從服務(wù)器加載數(shù)據(jù)
這篇文章主要介紹了jQuery結(jié)合AJAX之在頁面滾動時從服務(wù)器加載數(shù)據(jù),文中示例服務(wù)器端為C#程序,需要的朋友可以參考下2015-06-06

