jQuery學習筆記(六) 獲取或設定CSS類

2021-08-08 17:39:43 字數 1344 閱讀 6005

方法呼叫格式相同,所以我們先寫方法介紹,最後一起寫個例子鞏固。

向被選元素新增乙個類。

向被選元素刪除乙個類。

向被選元素切換進行新增或刪除類。

src="/jquery/jquery-1.11.1.min.js">

script>

$(document).ready(function

());

$("button#test2").click(function

());

});script>

type="text/css">

.xinpeng1

.xinpeng2

style>

head>

id="a">hello jquery!p>

id="b"

class="xinpeng1">i love jquery!p>

class="xinpeng1">i love jquery so much!div>

id="test1">向元素新增或刪除類button>

id="test2">切換button>

body>

html>

返回或設定樣式。

$(「」).css(「屬性名」);

採用鍵值對的模式設定乙個或多個樣式。

設定乙個樣式:css(「屬性名」,」值」);

設定多個樣式的話,乙個鍵值對中間用冒號,兩個屬性之間用逗號隔開。

css(「屬性名1」:」值1」,」屬性名2」:」值2」,… …);

src="/jquery/jquery-1.11.1.min.js">

script>

$(document).ready(function

());

$("button#xinpeng2").click(function

());

$("button#xinpeng3").click(function

());//設定多個樣式

});});script>

head>

id="a"

style="background-color:#ff0000">hello jquery!p>

id="b" >hello jquery!p>

id="c" >hello jquery!p>

id="xinpeng1">返回樣式button>

id="xinpeng2">設定乙個樣式button>

id="xinpeng3">設定多個樣式button>

body>

html>

初步學習jquery學習筆記(六)

ajax 是與伺服器交換資料的技術,它在不過載全部頁面的情況下,實現了對部分網頁的更新。load 方法從伺服器載入資料,並把返回的資料放入被選元素中。語法 selector load url,data,callback 例子 1.載入鏈結檔案 document ready function 2.載入...

jquery學習(六) jquery中的動畫

參考鋒利的jquery第二版 1.show和hide方法 呼叫方法 element.hide 隱藏元素,element.show 顯示元素。其實說白了,其原理就是將元素的樣式display值設定為none或block。若想讓元素慢慢隱藏或顯示,可以為其新增乙個速度的引數,如element.show ...

jquery 學習 六 事件繫結

div class a1 button class bt 按鈕 button div div ul class u1 li class l1 1111 li li 2222 li li 3333 li li 4444 li ul button class bt2 button div class d...