jquery中 $().click()和$(document).on('click','要選擇的元素',function(){})的不同

阿新 • • 發佈：2018-11-02

1. $(選擇器).click(fn)
當選中的選擇器被點選時觸發回撥函式fn。只針對與頁面已存在的選擇器。對動態建立的元素無效

2.$(document).on('click','要選擇的元素',function(){})
on方法包含很多事件，點選，雙擊等等事件。和$().click()的用法一樣，最大的區別即優點是如果動態建立的元素在該選擇器選中範圍內是能觸發回撥函式。

參考連結：https://www.cnblogs.com/sqh17/p/7746418.html 1. $(選擇器).click(fn) 當選中的選擇器被點選時觸發回撥函式fn。只針對與頁面已存在的選擇器。對動態建立的元素無效 2.$(document).on('cl

jQuery的出現，大大簡化了對dom的操作，但是如果不是仔細閱讀api和進行操作，就不知道其中最大的優點和使用方式。就拿$().click()和$(document).on('click','要選擇的元素',function(){})來說，都是點選事件的操作，但是也有不同的地方。　　1. $(選

https://www.cnblogs.com/sqh17/p/7746418.html 　$('.class').bind("click",function(){……}); 當選中的選擇器被點選時觸發回撥函式。只針對與頁面已存在的選擇器，對於新新增的標籤應用該函式會失效。　　

//繫結下一頁的點選事件 $("a[aria-label='Next']").click(function(){ $("a[aria-label='Previous']").show();

背景：本人在維護部落格的時候加入了aplayer（一個音樂外掛），效果如圖可是效果不太美觀，為了優化一下想做成這個樣子：滑鼠移入出現背景圖，點選全部展開，希望在點選按鈕上加click函式，達到修改div的left值來實現這個時候出現問題了，在電腦端實現沒有問題的，可是在移動

ont element 表單元素進行觸發 this hang font 改變當用 bootstrap-datepicker.js 這個插件選擇時間，再用jquery.validate.js進行驗證，當時間不為空時則驗證通過。可能由於在時間插件彈出來時，input框的值

$('.classname').on('click',function(){}); 該方法只能為頁面現有的元素繫結點選事件，如果是動態生成的新的元素，是沒有事件的 $(document).on('click','.classname',function(){}); 該方法將指定的事件

狀況之外在之前的公司並沒有遇到這個問題，也就沒有深究。直到自己換了現在的公司，剛來第二天就開始寫別人寫到一半的專案，很無奈，不是原生就是jquery，由於專案急，已經來不及切換框架重新佈局，只能繼續了。狀況之中到處都是列表，到處都是js建立的動態頁面，好吧，那我也繼續吧，突然，意外發生了

之前遇到過一次.click()無效，改成on繫結click就好了的情況，看了幾篇部落格後，發現是自己對click()和on的理解不夠，沒太在意，最近又遇到了，所以寫下這篇部落格加深印象。 $(選擇器).click(fn)：當選中的選擇器被點選時觸發回撥函式fn。只針對與頁面已存在的選擇器。

1.onclick是繫結的事件(它是一個事件)，注意該事件繫結只是JacaScript中有(js中的)，Jquery中並沒有此事件，告訴瀏覽器在滑鼠點選時候要做什麼 2.click方法(jquery中的)作用是觸發onclick事件，只要執行了元素的click()方法，就會觸發onclick事件

====專案例項： <%--$("body").on("click", "#toggle-button${activityDTO.id}", function (e) {--%> // 一次點選兩次觸發事件 <%--$("body").on("click", "#switc

$（selector）.on('click',function(){ }); 支援動態繫結元素，即頁面上元素有新增或變化後仍可繫結,前提是selector須是目標繫結元素的父元素，如繫結body裡的動態li元素： $('body').on('click','ul li',funct

前言 click()屬於靜態載入，當頁面載入完，就不在為新增加的元素新增點選事件。 on()屬於動態載入，當頁面載入完，可以為新增加的元素新增事件。但是必須選定負級元素。運用如果想使用on()動態載入事件，記得一定要選擇父級元素，否則沒有效果，只會作用

行為 append ron 點擊 head 方式綁定 ren 2.4 on() 和 click() 的區別: 二者在綁定靜態控件時沒有區別，但是如果面對動態產生的控件，只有 on() 能成功的綁定到動態控件中。以下實例中原先的 HTML 元素點擊其身後的 Delete

Amazon EC2 running Microsoft Windows Server is a fast and dependab

可選。規定元素從可見到隱藏的速度（或者相反）。預設為 "0"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在設定速度的情況下，元素從可見到隱藏的過程中，會逐漸地改變其高度、寬度、外邊距、內邊距

error type tex clipboard function sans ica arch tools 查看一個簡單的jQuery的例子來遍歷一個JavaScript數組對象。 [js] view plaincopy var json = [ {"i

排除法解決 swa set ring param execute 錯誤 exec 經過排查，引發此錯誤的原因是，表中有一個字段名稱為“NodeName”，應該是在前臺xml解析時引發沖突所致。我的解決辦法是：修改列名，修改映射。如下： [Column("NodeNa

lse select UNC 元素註意 port button ron targe 本文采用的jQuery源碼為jquery-3.2.1.js jquery的on方法用來在選定的元素上綁定一個或多個事件處理函數。當參數selector存在時，通常會用來對已經存在的元素或

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <