matches-selector

What is matches-selector?

The matches-selector npm package is a utility that allows you to check if a DOM element matches a given CSS selector. It provides a simple and consistent way to perform this check across different browsers.

What are matches-selector's main functionalities?

Check if an element matches a selector

This feature allows you to check if a specific DOM element matches a given CSS selector. The code sample demonstrates how to use the matches-selector package to check if an element with the ID 'myElement' matches the CSS class '.myClass'.

const matchesSelector = require('matches-selector');
const element = document.querySelector('#myElement');
const isMatch = matchesSelector(element, '.myClass');
console.log(isMatch); // true or false

Other packages similar to matches-selector

element-matches

The element-matches package provides similar functionality to matches-selector by allowing you to check if a DOM element matches a given CSS selector. It also ensures compatibility across different browsers.

matches

The matches package is another alternative that offers the same core functionality of checking if a DOM element matches a CSS selector. It is lightweight and straightforward to use, similar to matches-selector.

README

matches-selector

Check if an element matches a given selector. For use with browserify.

Installation

$ npm install matches-selector

Example

var matches = require('matches-selector');
matches(el, 'ul li a');
// => true or false

Running Tests

Tests can be easilly run locally in the browser of your choice, and have passed if it ends with # ok. They are also run on testling-ci when pushed to the repository:

npm install
npm test

To re-run tests after making changes, just refresh your browser

License

MIT