Jquery-pseudo-class NPM

jQuery pseudo-class

Add pseudo-class events control to jQuery

Install

npm install --save jquery-pseudo-class

:construction: The module is still in development. The following pseudo-classes are supported:

active
hover
... work in progress ...

Usage

$elem.onPseudoClass( pseudo_class, function_in, function_out );

$elem.onPseudoClass( {
    pseudo_class: [function_in, function_out],
    pseudo_class: [function_in, function_out],
    ...
} );

For exemple:

var $elem = $('.js-button');

$elem.onPseudoClass('hover',
    function(e) {
        $elem.html('Mouse is in');
    },
    function(e) {
        $elem.html('Mouse is out');
    }
);

var $elem = $('.js-button');

$elem.onPseudoClass({
    hover: [
        function(e) {
            $elem.html('Mouse is in');
        },
        function(e) {
            $elem.html('Mouse is out');
        }
    ],
    active: [
        function(e) {
            $elem.html('Mouse pressed');
        },
        function(e) {
            $elem.html('Mouse released');
        }
    ]
});