How to use jquery Easyui to create a label component _jquery

jQuery easyui v1.4.4 Download URL: http://www.jb51.net/codes/70218.html

This tutorial will show you how to create a label component using Easyui. Tags can dynamically add or remove multiple panels, and you can use labels to display different entities on the same page.

Labels can display only one panel at a time, each with a caption, a chart, and a close button. When the label is selected, the contents of the corresponding panel are displayed.

Use HTML tags to create a label that includes a div container and some div panels.

< div class= "easyui-tabs" style= "width:400px;height:100px;" >
< div title= "the" "style=" padding:10px; > Tab
</div>
< div title= "Second tab" closable= "true" style= "padding:10px;" >
Second tab
</div>
< div title= "third tab iconcls=" Icon-reload "closable=" true "style=" padding:10px; " >
Third Tab
</div>
</div>

We create a tab component with three panels, and the second and third panels can be closed by clicking the Close button.