jQuery實現(xiàn)id的樣式添加和去除方法詳解
新建HTML文件在開始使用jQuery為指定id添加和去除樣式之前,需要先在本地創(chuàng)建一個新的HTML文件??梢允褂萌魏挝谋揪庉嬈?,比如VS Code、Sublime Text等。引入JS文件和新創(chuàng)建內(nèi)
新建HTML文件
在開始使用jQuery為指定id添加和去除樣式之前,需要先在本地創(chuàng)建一個新的HTML文件。可以使用任何文本編輯器,比如VS Code、Sublime Text等。
引入JS文件和新創(chuàng)建內(nèi)容
在新建的HTML文件中,需要引入jQuery的JS文件,這樣才能夠使用jQuery庫提供的各種方法。同時,在HTML文件中也需要加入一些內(nèi)容作為演示案例。
效果如圖
在JS文件中,我們需要編寫代碼來實現(xiàn)為指定id添加和去除樣式的功能。為了方便演示,我們可以在HTML中創(chuàng)建兩個按鈕,點擊分別執(zhí)行添加樣式和去除樣式的功能。
jQuery為指定id添加樣式
通過以下代碼,可以實現(xiàn)為指定id添加樣式的功能:
```
$("cho").css("background", "red");
```
其中,cho是指定的id值,css()方法用于給該元素添加樣式,第一個參數(shù)為要添加的樣式名,第二個參數(shù)為要添加的樣式值。
效果如圖
jQuery為除了指定id以外的元素添加樣式
有時候我們需要為除了某個元素以外的所有元素添加樣式,可以使用以下代碼:
```
$("body [id!cho]").css("background", "red");
```
其中,body [id!cho]表示選擇body下所有除了id等于cho的元素以外的元素,css()方法同上。
效果如圖
附上JS代碼:
```
$(function(){
// 為指定id添加樣式
$("cho").css("background", "red");
// 為除了指定id以外的元素添加樣式
$("body [id!cho]").css("background", "red");
});
```