<strong>按钮组件:<br></strong> <font style="COLOR: #ff0000">$(selector).button([옵션]);<br></font><div class="codetitle"> <span><a style="CURSOR: pointer" data="90810" class="copybut" id="copybut90810" onclick="doCopy('code90810')"><u>复代码</u> </a></span> 代码如下:</div> <div class="codebody" id="code90810"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br>< ;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br><title>ButtonIcon</title><br><link rel="stylesheet" type= "text/css" href="themes/ui-lightness/jquery.ui.all.css"/><br><script type="text/javascript" src="JS/jquery-1.4.2.min .js"></script><br><script type="text/javascript" src="JS/jquery.ui.core.js"></script><br><스크립트 유형 ="text/javascript" src="JS/jquery.ui.widget.js"></script><br><script type="text/javascript" src="JS/jquery.ui.button. js"></script><br><script><br>$(document).ready(function(){<br> $("input,button").button({<br> 아이콘: {<br> 기본: "ui-icon-locked"<br> // 보조: "ui-icon-triangle-1-s"<br> }<br> });<br> $("a,div ").button({<br> 아이콘: {<br> 보조: "ui-icon-triangle-1-s"<br> }<br> });<br>});<br></ script><BR><style><BR>body{ padding:30px; 글꼴 크기:9px; }<BR></style><br></head><br><body><br><input type="button" value="Button 1" /><br><input type="submit" value="제출 버튼" /><br><button>버튼 2</button><br><input type="checkbox" id="check1" /><label for ="check1">체크 1</label><br><input type="radio" id="radio1" /><label for="radio1">Radio1</label><br>< ;a>앵커</a><br><div>DIV</div><br></body><br></html><br> </div> <br><strong>效果图:</strong> <img alt="" src="http://files.jb51.net/file_images/article/201306/2013061916143921.png"><br><br>