2012-05-12 2 views
1

Jquery를 처음 접했고 많은 예제와 코드에서 HTML 구성 요소에 대해 Jquery ($ ("# button"). click (somefunction))를 사용하여 이벤트 핸들러가 동적으로 할당되는 것을 볼 수 있습니다. 그것들은 정적으로 생성되지만.정적 버튼에 이벤트를 동적으로 할당하는 이점

정적으로 생성 된 단추에 이벤트를 동적으로 바인딩 할 수 있다는 이점이 있습니까? 구성 요소가 동적으로 생성되면 이점을 얻을 수 있습니까? 어떤 사람이 나를 설명해 주실 수 있습니까?

+2

프리젠 테이션과 로직이 분리되어 있습니다. – Imdad

답변

3

당신이 얻는 이점은 마크 업과 분리 된 비즈니스 로직입니다.

+1

및 관련 이벤트를 모두 함께 보관하면 찾기/업데이트가 더 쉬워집니다. –

+0

하지만 외부 js 파일에 정의 된 일부 javascript 함수를 제공하여 HTML 속성의 onclick 이벤트를 사용하여 동일한 결과를 얻을 수도 있습니다. – Mojoy

+0

마크 업에 대한 비즈니스 로직 및 일부 작업을 진행하고 있다고 가정 해 보겠습니다. UML 코드가 마크 업 변경으로 인해 효과를 얻는 것처럼 좋습니까? 아니요. 이것이 코드 분리의 기본 이점입니다. – Venu

3

예, HTML 유지 보수 및 코드 유지 보수와 관련이 있습니다. 한 곳에서 모든 코드가 무언가를 변경해야 할 때

  1. 당신의 HTML이
  2. 을 읽을 깨끗하고 쉬울 것입니다 : 한 곳에서 클릭 이벤트의 모든 할당

    는 것을 의미한다 사물을 찾고 수정하기가 훨씬 쉬워졌습니다.

당연히 기술적 인 관점에서 볼 때 onclick 이벤트를 HTML에 직접 추가해도 작동하지만 HTML과 JS를 구분하는 것이 더 좋습니다. 코드가 빠른 페이지 로딩 도움이 될 것입니다 외부화

0

몇 가지 더있다,

  1. . 당신이 그것을 적절하게 외부화했다면.
  2. SEO 친화적 인 HTML 페이지를 만듭니다.
  3. javaScript를 사용하여 동적 동작을 추가 할 수 있습니다.
관련 문제