javascript 특정 Jquery 사용자 정의 속성



jquery 줌인 (2)

HTML 디자이너를 방해하지 클래스 또는 ID 특성을 사용하지 않도록 Jquery에서 사용자 지정 특성을 사용하는 방법에 대해 생각하고있어.

이 아이디어를 고려하면 html은 다음과 같은 조각이어야합니다.

<ul Jquery="CommonUl">
    <li Jquery="CommonLi"></li>     
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
    <li Jquery="CommonLi"></li>
</ul>
  • 이것이 좋은 접근이라고 생각하십니까?

  • 이러한 사용자 지정 특성에 대한 W3C 유효성 검사에 대한 귀하의 견해는 무엇입니까?

  • html 디자이너의 작업을 방해하지 않고 Jquery로 프로그래밍 할 수있는 방법을 알고 계십니까?

  • 성능에 관해서는 클래스 속성 또는 ID를 사용하면 jquery 선택기가 "포함, 등 ..."과 같은 사용자 지정 특성 및 필터링 함수를 사용하는 것보다 빠릅니다. 이게 옳은 거니?

https://ffff65535.com


나는 개인적으로 당신이 각 요소와 함께 데이터를 저장하기 위해 내장 된 jquery 메서드를 사용할 것을 추천한다. 다음은 데이터 저장을위한 코드 스 니펫입니다.

$("ul").data("CommonUl");
$("li").data("CommonLi");

다음과 같이 data- 속성을 사용할 수 있습니다 ( HTML5 사양의 일부 ).

<li data-something="CommonLi"></li> 

jQuery는 1.4.3+에서 이것들에 대한 지원을 내장하고있다. 예를 들면 다음과 같다.

$("li").data("something") //"CommonLi"

기타 문의 사항 :

  • HTML5 일 경우 유효성을 검사 하지만 HTML4에서는 아무 것도 해킹하지 않습니다.
  • 이것은 디자이너와 간섭해서는 안되지만, 어떤 디자이너
  • 요소에서 가져 오는 경우 성능은 다른 속성과 동일합니다.




css