2012-05-12 61 views
1

我是Jquery的新手,在許多示例和代碼中,我看到事件處理程序是爲HTML組件動態使用Jquery($(「#button」)。click(somefunction))分配的儘管它們是靜態創建的。爲靜態按鈕動態分配事件的好處

動態綁定事件到靜態創建的按鈕是否有優勢? 如果組件是動態創建的,我可以獲得優勢嗎?有人能解釋我嗎?

+2

它保持呈現和邏輯分開。 – Imdad

回答

3

你得到的好處是,它將標記與業務邏輯分開。

+1

,您可以將所有相關事件放在一起,使其更易於查找/更新。 –

+0

但我也可以通過提供一些在外部js文件中定義的javascript函數來實現使用onclick事件的HTML屬性。 – Mojoy

+0

假設您正在研究業務邏輯和一些標記體。您是否因爲標記更改而使您的代碼生效?沒有權利。這是代碼分離的基本優勢。 – Venu

3

是的,它與代碼管理和HTML和JS之間的分離有關。

分配在同一個地方的點擊事件是指:

  1. 你的HTML將是更清潔和更容易閱讀
  2. 時,你將不得不改變一些東西,你將擁有所有的代碼在一個地方使查找/修改事物變得更容易。

當然,從純技術角度,也可以加onclick事件直接在HTML,它會工作,但它是更好的做法是單獨的HTML和JS。

0

一些更多的是,

  1. 外部化的代碼將幫助頁面加載快。只要你適當地外化它。
  2. 它創建一個SEO友好的HTML頁面。
  3. 您可以使用javaScript添加更多動態行爲。