JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

JavaScript

$( "#foo" )
    .on( "setData", function() {
        console.log( "Normal setData handler called" );
    })
    .on( "setData.foo", function() {
        console.log( "Namespaced setData handler called" );
    })
    .on( "getData", function() {
        console.log( "Normal getData handler called" );
    })
    .on( "getData.foo", function() {
        console.log( "Namespaced getData handler called" );
    })
    .data( "bar", true );

$( "foo" ).data( "bar" );