<strong>按钮構成要素:<br></strong> <font style="COLOR: #ff0000">$(selector).button([options]);<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><頭><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> icons: {<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="ボタン 1" /><br><input type="submit" value="送信ボタン" /><br><button>ボタン 2</button><br><input type="checkbox" id="check1" /><ラベル="check1">チェック 1</label><br><input type="radio" id="radio1" /><label for="radio1">Radio1</label><br>< ;a>Anchor<br><br><div>DIV<br><br> </div> <br>效果图:<strong> </strong><img alt="" src="http://files.jb51.net/file_images/article/201306/2013061916143921.png"><br> </div>