JQuery中操作Css樣式的方法
//1、獲取和設(shè)置樣式
$("#tow").attr("class")獲取ID為tow的class屬性
$("#two").attr("class","divClass")設(shè)置Id為two的class屬性。
//2、追加樣式
$("#two").addClass("divClass2")為ID為two的對(duì)象追加樣式divClass2
//3、移除樣式
$("#two").removeClass("divClass")移除 ID為two的對(duì)象的class名為divClass的樣式。
$(#two).removeClass("divClass divClass2")移除多個(gè)樣式。
//4、切換類名
$("#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è)樣式
$("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屬性
相關(guān)文章
Jquery EasyUI Datagrid右鍵菜單實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Jquery EasyUI Datagrid右鍵菜單的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jQuery將表單序列化成一個(gè)Object對(duì)象的實(shí)例
下面小編就為大家?guī)硪黄猨Query將表單序列化成一個(gè)Object對(duì)象的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11AJAX的跨域與JSONP(為文章自動(dòng)添加短址的功能)
AJAX的跨域與JSONP(另送一個(gè)為文章自動(dòng)添加短址的功能)2010-01-01jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件,適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證,除自身擁有豐富的驗(yàn)證規(guī)則外,還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04jQuery設(shè)置指定網(wǎng)頁元素寬度和高度的方法
這篇文章主要介紹了jQuery設(shè)置指定網(wǎng)頁元素寬度和高度的方法,涉及jQuery操作width及height方法的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03基于jquery的防止大圖片撐破頁面的實(shí)現(xiàn)代碼(立即縮放)
這篇文章將根據(jù)此寫一個(gè)應(yīng)用:讓圖片未加載完畢就實(shí)現(xiàn)按比例自適應(yīng),防止圖片撐破布局(尤其是外鏈圖片)2011-10-10使用jquery提交form表單并自定義action的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄褂胘query提交form表單并自定義action的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05