How to inspect JQuery UI tooltip?

Question

I have a default JQuery UI tooltip function call on my page. Is there a way to style the tooltip div interactively using the Inspector? If I had two mouse pointers, one woul

Answer 1

Here is what I did:

jQuery(".myDiv").attr("title", 'Hello');
jQuery(".myDiv").tooltip({close: function( event, ui ) {
  console.log(jQuery(ui.tooltip[0]).html());
}});

And the console content was:

Hello

Also, I placed a breakpoint on the console.log function and then examined the page structure before the end tag, and there was something more:

Hello

It was possible to change the tooltip styling on the fly using Inspector (tested in Chrome).