Thuộc tính tùy chỉnh Jquery

Question

Tôi đang suy nghĩ về việc sử dụng các thuộc tính tùy chỉnh trong Jquery để tránh sử dụng thuộc tính lớp hoặc id, để không can thiệp vào các nhà thiết kế html.

Có tính đến ý tưởng này, html nên mảnh như:

<ul Jquery="CommonUl"> 
    <li Jquery="CommonLi"></li>  
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
</ul> 

• Bạn có nghĩ rằng đây là một cách tiếp cận tốt?

• Ý kiến ​​của bạn về xác thực W3C của các thuộc tính tùy chỉnh này là gì?

• Bạn có biết cách nào để lập trình với Jquery mà không can thiệp vào công việc của nhà thiết kế html không?

• Về hiệu suất, tôi giả sử rằng với thuộc tính lớp hoặc id, bộ chọn jquery nhanh hơn sử dụng thuộc tính tùy chỉnh và chức năng lọc như "chứa, v.v ...". Thê nay đung không?

Answer 1

Bạn có thể làm điều này, sử dụng data- attributes dù (part of the HTML5 specification), như thế này:

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

jQuery thậm chí đã xây dựng-in hỗ trợ cho các trong 1.4.3+, ví dụ:

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

Đối với các câu hỏi khác của bạn:

• Họ sẽ xác nếu nó HTML5 - nhưng sẽ không nghỉ bất cứ điều gì trong HTML4
• này không nên can thiệp vào việc thiết kế, nhưng nó sẽ phụ thuộc vào mà thiết kế
• Nếu bạn tìm nạp từ một phần tử, hiệu suất giống với bất kỳ thuộc tính nào khác

Answer 2

Tôi muốn cá nhân bạn nên sử dụng phương pháp dựng sẵn jquery để lưu dữ liệu với từng phần tử. Sau đây là đoạn mã cho lưu dữ liệu:

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

Answer 3

nếu bạn đang lập kế hoạch để có một vài thuộc tính Tôi đề nghị để thiết lập một thuộc tính namespaced độc đáo, ví dụ

<li data-yourapp>...</li> 

và sử dụng thuộc tính mà giống như một Hashtable

$("li").data("yourapp", { 
    points : 2000, 
    life : 1, 
    weapons : { 
     firegun : 0, 
     missiles : 12 
    } 
}); 

theo cách này bạn sẽ giảm truy cập phần tử và bạn sẽ lấy tất cả dữ liệu tùy chỉnh một lần