Benchmark

Customize

HTML code

<div class="box_wrap">
<div class="box">This is box 1</div>
<div class="box">This is box 2 <span>This is a span inside the box</span></div>
<span>This is a span</span>
</div>

<div class="box_wrap">
<div class="box">This is box 1</div>
<div class="box">This is box 2</div>
<div class="box"><div><span>This is a span inside the box inside box</span></div></div>
</div>

CSS code

.box {
	width: 100px;
	height: 80px;
	margin: 10px 0;
	font-size: 12px;
	background: #5599bb;
	padding: 10px;
}
Qatrix code
$select(".box_wrap span", function (item)
{
	$text(item, "I found this span!");
	$attr.set(item, "title", "this is title");
	$css.set(item, {
		"color": "#C15547",
		"font-size": "18px"
	});
});
jQuery code
$(".box_wrap span")
	.text("I found this span!")
	.attr("title", "this is title")
	.css({
		"color": "#C15547",
		"font-size": "18px"
});
Results
  • Qatrix 0ops/sec 0ms
  • jQuery 0ops/sec 0ms
Sample times: 10,000
start