Test name | Executions per second |
---|---|
dataset | 1207225.4 Ops/sec |
getAttribute | 1055182.4 Ops/sec |
jQuery .data() | 38456.8 Ops/sec |
jQuery .attr() | 31455.0 Ops/sec |
<h3 id="data" data-test="text">Some test content</h3>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
window.onload = function() {
var test = document.querySelector("h3#data").dataset.test;
document.querySelector("h3#data").dataset.test = test+"1";
}
window.onload = function() {
var test = document.querySelector("h3#data").getAttribute("test");
document.querySelector("h3#data").setAttribute("test", test+"1");
}
$(document).ready(function() {
var $h3 = $("h3#data");
var test = $h3.data("test");
$h3.data("test", test+"1");
});
$(document).ready(function() {
var $h3 = $("h3#data");
var test = $h3.attr("data-test");
$h3.attr("data-test", test+"1");
});