二者在繫結靜態控制項時沒有區別,但是如果面對動態產生的控制項,只有 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 函式用於為指定元素的乙個或多個事件繫結事件處理函式...