How does jQuery user interface work?

Question

Can anyone explain how jQuery UI themes work without assigning any elements to the css class on the html plan page. How can .css files in a jQuery user interface theme collect elements? Does jQuery script file support css file select elements?

Answer 1

When jquery creates dynamic html elements, it assigns predefined classes to the elements in this way.

Ex. The tab container has the following css classes assigned to it ui-tabs ui-widget ui-widget-content ui-corner-all, and each tab header has the following classes ui-state-default ui-corner-top.

.css , .

Answer 2

... . , , , , ..

, , , , , divs, . CSS . , ( Firebug ) .

Answer 3

. ...

.ui-helper-hidden { display: none; }
...
.ui-widget .ui-widget { font-size: 1em; }
...
.ui-icon-carat-1-n { background-position: 0 0; }
...
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
...
.ui-menu .ui-menu {
 margin-top: -3px;
}

, jQuery css css. , css, ? Jquery UI javascript framework html, css .

Answer 4

jQuery UI, -

$('#myDiv').tabs();

,

$('#myDiv').addClass('ui-tabs');
$('#myDiv').addClass('ui-widget');

DOM , , , , , , div, List-Elements ..

.

CSS , jQuery