Interactive Events and CSS Selectors

The interactive events are very similar to standard CSS selectors that developers use to style the look of elements on a page or assign functions to them in JavaScript.

UseItBetter event consisting of a selector and event type click:

div[1]#checkout/a[1].button.continue.click

CSS selector example referring to the same element:

div#checkout > a.button.continue {
  background: green;
  font-weight: bold;
}

JavaScript example using jQuery to assign the element a behaviour for click event:

$('div#checkout > a.button.continue').on('click', function(e) {
  // do something on click 
});