jQuery基礎學習 三

2021-09-30 18:19:10 字數 1486 閱讀 1599

一.jquery-獲取並設定css類

jquery擁有若干進行css操作的方法。

jquery addclass()方法  示例：

$("button").click(function());
在addclass()方法中規定多個類：

$("button").click(function());
jquery removeclass()方法：

$("button").click(function());
jquery toggleclass()方法：該方法對被選元素進行新增/刪除類的切換操作。

$("button").click(function());
二.jquery css()方法

css()方法設定或返回被選元素的乙個或多個樣式屬性。

返回css屬性：如需返回特定的css屬性的值，請使用如下語法：

css("propertyname");

如返回首個匹配元素的background-color值：

$("p").css("background-color");
設定css屬性

設定指定css屬性的語法如下：css("propertyname", "value");

示例：

$("p").css("background-color","yellow");
設定多個css屬性

語法：css()；

示例：

$("p").css();
三.jquery尺寸

jquery width()和height()方法

width() 方法設定或返回元素的寬度（不包括內邊距、邊框或外邊距）。

height() 方法設定或返回元素的高度（不包括內邊距、邊框或外邊距）。

示例：

$("button").click(function());
jquery innerwidth()和innerheight()方法

innerwidth() 方法返回元素的寬度（包括內邊距）。

innerheight() 方法返回元素的高度（包括內邊距）。

示例：

$("button").click(function());
jquery outerwidth()和outerheight()方法

outerwidth() 方法返回元素的寬度（包括內邊距和邊框）。

outerheight() 方法返回元素的高度（包括內邊距和邊框）。

$("button").click(function());

Jquery基礎學習

1.資料儲存 data name 返回元素上儲存的相應名字的資料，可以用data name,value 來設定 如果jquery集合指向多個元素，那將只返回第乙個元素的對應資料 div data blah undefined div data blah hello blah設定為hello div ...

jQuery基礎學習

1.1常見的j ascript庫 jquery prototype yui dojo ext js 移動端的zepto 這些庫都是對原生j ascript的封裝，內部都是用j ascript實現的 官網 版本 1x 相容ie678 等低版本瀏覽器，官網不再更新 2x 不相容ie678等低版本瀏覽器，...

jquery學習基礎使用

jquery獲取元素進行操作 一 基礎方式 四種 this hide 表示 jquery 的hide 函式，隱藏當前的 html 元素。test hide 表示 jquery 的hide 函式，隱藏id test 的元素。p hide 表示 jquery 的hide 函式，隱藏所有 元素。test ...