on 和 click 的區別

2022-09-06 04:15:10 字數 1313 閱讀 3941

二者在繫結靜態控制項時沒有區別,但是如果面對動態產生的控制項,只有 on() 能成功的繫結到動態控制項中。

以下例項中原先的 html 元素點選其身後的 delete 按鈕就會被刪除。而動態新增的 html 元素,使用 click() 這種寫法,點選 delete 按鈕無法刪除;使用 on() 方式可以。

<

script

src=""

>

script

>

<

h1>展示jquery中on()和click()的區別

h1>

<

p>

<

span

>點選生成新按鈕。newon生成的delete按鈕行為用on()實現,newclick生成的delete按鈕行為用click()實現。

span

>

p>

<

div

class

="test"

>

<

button

class

="new"

id="newon"

>newon

button

>

<

button

class

="new"

id="newclick"

>newclick

button

>

<

ul class

="li"

>

<

li>原先的html元素on<

button

class

="deleteon"

>delete

button

>

li>

<

li>原先的html元素click<

button

class

="deleteclick"

>delete

button

>

li>

ul>

div>

$("#newclick").click(function

());

$("#newon").click(function

());

$(".delete").click(function

());

$(".li").on('click', ".deleteon", function

())$(".deleteclick").click(function

());

click 和onclick 的區別

click 和onclick 的區別 1.onclick是繫結事件,告訴瀏覽器在滑鼠點選時候要做什麼 click本身是方法作用是觸發onclick事件,只要執行了元素的click 方法,就會觸發onclick事件。2.click 方法的主要作用是觸發呼叫click方法元素onclick事件,實際上是...

click和onclick的區別

onclick是繫結事件,告訴瀏覽器在滑鼠點選時候要做什麼 click本身是方法,作用是觸發onclick事件,只要執行了元素的click 方法,就會觸發onclick事件 click可以理解為一次簡單的觸發,只執行一次,找不到以後就不再執行 onclick則是給這個id註冊一種行為,可以重複觸發 ...

jq的click 與 on 的區別

click me to add new item 上面的例子通過button新增的li無法刪除,原因在於是新新增的html 沒有繫結click事件,解決方法 將click事件換成on事件 li on click delete function on 函式用於為指定元素的乙個或多個事件繫結事件處理函式...