Run results for: jQuery (v1.12.4-wp) && Dom7 (4.0.4) Full (v2)

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Browser: Chrome 98

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
jQuery addClass	1414.1 Ops/sec
Dom7 addClass	2378.4 Ops/sec
jQuery removeClass	2590.1 Ops/sec
Dom7 removeClass	2755.4 Ops/sec
jQuery toggleClass	605.0 Ops/sec
Dom7 toggleClass	2404.9 Ops/sec
jQuery set attr (Object)	1994.9 Ops/sec
Dom7 set attr (Object)	1658.6 Ops/sec
jQuery removeAttr	1392.4 Ops/sec
Dom7 removeAttr	4577.4 Ops/sec
jQuery css	2274.7 Ops/sec
Dom7 css	2354.5 Ops/sec
jQuery set attr	2519.3 Ops/sec
Dom7 set attr	2202.9 Ops/sec
jQuery each	235.5 Ops/sec
Dom7 each	211.8 Ops/sec
jQuery css (Object)	307.1 Ops/sec
Dom7 css (Object)	644.1 Ops/sec

HTML Preparation code:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dom7@4.0.4/dom7.min.js"></script>

Script Preparation code:

function range(size, startAt = 0) {
    return [...Array(size).keys()].map((i) => i + startAt);
}

range(500).map((link) => {
    const a = document.createElement("a");
    const text = `My Title Text ${link}`;
    const linkText = document.createTextNode(text);
    a.appendChild(linkText);
    a.href = `http://example.com/${link}`;
    a.classList.add('test-link')
    document.body.appendChild(a);
});

Tests:

jQuery addClass
jQuery('a.test-link').addClass('new-test-link');
Dom7 each
Dom7('a.test-link').each(function(element, index) { console.log( element, index ); });
jQuery each
jQuery('a.test-link').each(function(index, element) { console.log( index, element ); });
Dom7 set attr
Dom7('a.test-link').attr('data-test', 'test-value');
jQuery set attr
jQuery('a.test-link').attr('data-test', 'test-value');
Dom7 css
Dom7('a.test-link').css('color', 'black');
jQuery css
jQuery('a.test-link').css('color', 'black');
Dom7 removeAttr
Dom7('a.test-link').removeAttr('title');
jQuery removeAttr
jQuery('a.test-link').removeAttr( "title" );
Dom7 set attr (Object)
Dom7('a.test-link').attr({ alt: "Beijing Brush Seller", title: "photo by Kelly Clark" });
jQuery set attr (Object)
jQuery('a.test-link').attr({ alt: "Beijing Brush Seller", title: "photo by Kelly Clark" });
Dom7 toggleClass
Dom7('a.test-link').toggleClass('new-test-link');
jQuery toggleClass
jQuery('a.test-link').toggleClass('new-test-link');
Dom7 removeClass
Dom7('a.test-link').removeClass('new-test-link');
jQuery removeClass
jQuery('a.test-link').removeClass('new-test-link');
Dom7 addClass
Dom7('a.test-link').addClass('new-test-link');
jQuery css (Object)
jQuery('a.test-link').css({ left: '100px', top: '200px', color: 'red', width: '300px', marginLeft: '17px', 'padding-right': '20px' });
Dom7 css (Object)
Dom7('a.test-link').css({ left: '100px', top: '200px', color: 'red', width: '300px', marginLeft: '17px', 'padding-right': '20px' });

Run results for: jQuery (v1.12.4-wp) && Dom7 (4.0.4) Full (v2)

jQuery addClass

Dom7 each

jQuery each

Dom7 set attr

jQuery set attr

Dom7 css

jQuery css

Dom7 removeAttr

jQuery removeAttr

Dom7 set attr (Object)

jQuery set attr (Object)

Dom7 toggleClass

jQuery toggleClass

Dom7 removeClass

jQuery removeClass

Dom7 addClass

jQuery css (Object)

Dom7 css (Object)