day78 jQuery 跟CSS操作相關的內容

2022-08-24 10:00:09 字數 1337 閱讀 7768

1. 跟css操作相關的內容:

1.1類名操作:()裡面填寫的是類名,記得類名是字串格式的。

addclass();

//新增指定的css類名。例如:$('.c1').addclass('hide');

removeclass();//

移除指定的css類名。

hasclass();//

判斷樣式存不存在

toggleclass();//

切換css類名,如果有就移除,如果沒有就新增。

示例:自定義模態框

點我送邁騰2020款tsi dsg

1.2css操作:注意:屬性值就是鍵值對,要使用引號

$("p").css("color", "red"); //

將所有p標籤的字型設定為紅色

$("p").css('border','red solid 1px');
$("p").css(); //

修改多個屬性值,要使用鍵值對。

示例:點選字型,變綠變大。

邁騰2020款

努力追求

1.3位置操作:注意:屬性值就是鍵值對,但這裡的top和left不需要引號。尺寸也不需要px作為單位。

offset()

//獲取當前視窗的相對偏移$('div').offset()結果是object ,

//設定位置$('div').offset();

position() //

獲取相對父元素的偏移,注意body標籤也可以是父元素

scrolltop() //

獲取相對滾動條頂部的偏移,常用:$(window).scrolltop();等於乙個尺寸。

$(window).scrolltop(0);視窗滾動條滾動到頂部的距離是0。

scrollleft()

//獲取相對滾動條左側的偏移

示例:返回頂部

divdiv

返回頂部

1.4尺寸:

height()

//$('.c1').height() 內容區的高度

width() //

$('.c1').height() 內容區的寬度

innerheight()

//內容區+padding的高度

innerwidth() //

內容區+padding的寬度

outerheight()

//內容區+padding+border的高度

outerwidth() //

內容區+padding+border的寬度

CSS實現強制換行 Day 78

其實最早的時候也考慮過這個問題,當時還在想需要判定文字的長度麼,實在是傻到極點了,原來css中本來就有這個樣式設定的。而今天正好看到了有這麼一篇介紹,仔細看了下,感覺還不錯,這裡也把實驗的結果記錄下。初始階段 comedycookidespitelovedescriptiondescription ...

jquery框架 CSS操作

css css方法 css獲採樣式 h1 css h1 click function offset position scrolltop scrollleft offset獲取絕對定位座標 mydiv 123回到頂部特效 未實現 top position獲取相對父元素的座標 div1 div2 he...

jQuery 屬性操作和CSS 操作

addclass attr hasclass html removeattr removeclass toggleclass val css p css color 取得第乙個段落的 color 樣式屬性的值 selector css name,value 設定所有匹配元素的指定 css 屬性 se...