JQuery給元素動態增刪類或特性

2022-02-24 17:36:24 字數 808 閱讀 3069

背景:通過jquery動態給html元素增加、刪除類或屬性,使html元素在不同的時刻呈現不同的樣式,給使用者更好的體驗感覺。

如存在以下p片段和button按鈕,**如下:

1

"pdisplay

">現在的背景顏色是白色,點選按鈕以後背景變為紅色2"

changecolor

">更改顏色

存在如下css**:

1
存在如下js**:

$("

#changecolor

").toggle(function () ,

function () );

如上**,當點選按鈕以後,給$("#pdisplay")元素新增或移除css類colorred,效果如下:

同理,可應用於attr()和removeattr(),**如下:

1

//disabled 設定元素不可用:

23 $(this).attr("

disabled

","disabled")

45//移除push元素的diasble特性:

67 $("

#push

").removeattr('

disabled

')

jquery給動態元素繫結事件

在jquery中,我們經常使用 elem bind event,function 這種方式給元素繫結事件。在大部分情況下這種寫法無疑是適用的。然而,當頁面上原本不存在某些如button,select等元素,而是後期通過動態建立的方式建立出來的控制項,這種寫法,便不再適用了。selector on e...

給Jquery動態新增的元素新增事件

我想很多人都會向我一樣曾經 被新元素的事件繫結困惑很久也就是 在頁面載入完成後給元素繫結了事件,但又新增加的元素上卻沒有繫結任何事件。js的事件監聽跟css不一樣,css只要設定好了樣式,不論是原來就有的還是新新增的,都有一樣的表現。而事件監聽不是,你必須給每乙個元素單獨繫結事件。常見的例子是處理 ...

jquery給動態新增的元素繫結事件

jquery給動態新增的元素繫結事件的方法 jquery中繫結事件一般使用bind,或者click,但是這只能是對已經載入好的元素定義事件,那些後來新增插入的元素則需要另行繫結。在1.7版本以前使用live。但是在1.8版本以後推薦使用on。需要給jquery 1.7版以前使用live動態繫結事件 ...