Use "type=" to select elements by type | CAST Appmarq

Use "type=" to select elements by type


Rule Definition
Using [type=xxx] is far faster because it can take advantage of the DOM querySelectorAll method in modern browsers. The check will be done on the following selectors :checkbox, :file, :image, :password, :radio, :reset, :text

Remediation
Use "type=" notation instead of ":".

Violation Code Sample
var input = $( "form input:radio" ); // Noncompliant 
 var input = $( "form :radio" ); // Noncompliant
Fixed Code Sample
var input = $( "form input[type=radio]" ); // Compliant

Reference
http://learn.jquery.com/performance/optimize-selectors/ CISQ OMG

Related Technologies
HTML5

Health Factor

  Efficiency


Technical Criterion
CWE-1050 - Excessive Platform Resource Consumption within a Loop

About CAST Appmarq

CAST Appmarq is by far the biggest repository of data about real IT systems. It's built on thousands of analyzed applications, made of 35 different technologies, by over 300 business organizations across major verticals. It provides IT Leaders with factual key analytics to let them know if their applications are on track.

Benchmark Statistics

Global Compliance

99.51%

Total Violations
120
Total Opportunities
24,433
Average Violations / App.
1.85
The compliance score represents 1 minus the ratio between the number of times a rule has been violated compared to the number of opportunities in a set of applications that the rule could have been violated.

Industry Insights

Select from drop-down

97.65%

Software ISV

97.45%

Financial Services

99.08%