编程 Javascript

jQuery之按钮组件的深入解析

Posted in Javascript onJune 19, 2013

按钮组件：
$(selector).button([options]);

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ButtonIcon</title>
<link rel="stylesheet" type="text/css" href="themes/ui-lightness/jquery.ui.all.css"/>
<script type="text/javascript" src="JS/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="JS/jquery.ui.core.js"></script>
<script type="text/javascript" src="JS/jquery.ui.widget.js"></script>
<script type="text/javascript" src="JS/jquery.ui.button.js"></script>
<script>
$(document).ready(function(){
 $("input,button").button({
  icons: {
            primary: "ui-icon-locked"
    // secondary: "ui-icon-triangle-1-s"
        }
 });
 $("a,div").button({
  icons: {
            secondary: "ui-icon-triangle-1-s"
        }
 });
});
</script>
<style>
body{ padding:30px; font-size:9px; }
</style>
</head>
<body>
<input type="button" value="Button 1" />
<input type="submit" value="Submit Button" />
<button>Button 2</button>
<input type="checkbox" id="check1" /><label for="check1">Check 1</label>
<input type="radio" id="radio1" /><label for="radio1">Radio1</label>
<a>Anchor</a>
<div>DIV</div>
</body>
</html>

效果图：

jQuery之按钮组件的深入解析

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery入门必备的基本认识及实例(整理)

Jun 24 Javascript

原生Javascript封装的一个AJAX函数分享

Oct 11 Javascript

JavaScript日期类型的一些用法介绍

Mar 02 Javascript

js 打开新页面在屏幕中间的实现方法

Nov 02 Javascript

微信小程序图片等比例缩放（图片自适应屏幕）

Nov 16 Javascript

浅谈javascript alert和confirm的美化

Dec 15 Javascript

Angularjs处理页面闪烁的解决方法

Mar 09 Javascript

ReactNative列表ListView的用法

Aug 02 Javascript

js原生日历的实例(推荐)

Oct 31 Javascript

深入理解js 中async 函数的含义和用法

May 13 Javascript

JavaScript常用数学函数用法示例

May 14 Javascript

vue 地区选择器v-distpicker的常用功能

Jul 23 Javascript

jQuery之自动完成组件的深入解析

Jun 19 #Javascript

jQuery之折叠面板的深入解析

Jun 19 #Javascript

jQuery之选择组件的深入解析

Jun 19 #Javascript

解析DHTML,JavaScript,DOM,BOM以及WEB标准的描述

Jun 19 #Javascript

JavaScript中把数字转换为字符串的程序代码

Jun 19 #Javascript

解析JavaScript中的标签语句

Jun 19 #Javascript

解析window.open的使用方法总结

Jun 19 #Javascript