jQuery表单美化插件jqTransform使用详解
更新时间：2015年04月12日 09:58:39 投稿：hebedich
这里主要是jQuery美化部分的实例，美化对象为文本框、密码框、文本域、Select下拉框、按钮等，有了这些示例，美化其它的表单元素应该不是大问题。
jQuery Form表单美化插件jqTransform，非常实用的jQuery插件，自动把你整个Form表单进行美化处理，包括SELECT下拉框、文本框、单选、复选框、按钮等，当然不支持input file文件选择框，这个可以参照我们之前的input file选择框美化教程进行改造，在浏览器兼容方面，兼容 ie 6+, safari 2+, firefox 2+，插件还是很不错的，使用起来也很简单，推荐学习和使用。
使用方法：
1.加载jQuery和插件
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
2.HTML内容
<form class="jqtransform"> <div class="rowElem"> <label for="name">Name:</label> <input type="text" name="name"/> </div> <div class="rowElem"><input type="submit" value="send"/></div> </form>
3.函数调用
<script type="text/javascript">
$(function() {
$("form.jqtransform").jqTransform();
});
</script>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
this指的是javascript对象而$(this)就是就jquery对象，不懂的朋友可以看看本文2013-09-09
jQuery Autocomplete简介_动力节点Java学院整理
这篇文章主要介绍了jQuery Autocomplete简介，jQuery UI Autocomplete是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据2017-07-07
这篇文章主要为大家详细介绍了jQuery插件autocomplete使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章介绍了Jquery封装tab自动切换效果的具体实现方法，有需要的朋友可以参考一下2013-07-07
jQuery Mobile框架主要针对移动端的Web UI设计,其中丰富的表单组件调用起来也是相当方便,接下来就为大家整理了一份jQuery Mobile框架中的表单组件基础使用教程,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了如何使用jquery获取复选框被选中的值,需要的朋友可以参考下2014-04-04
本篇文章小编为大家介绍，基于JQuery 滑动与动画的说明介绍。需要的朋友参考下2013-04-04
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面为大家简单介绍下本人的使用心得2013-08-08
Jquery EasyUI的添加，修改，删除，查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例2013-10-10
jQuery Validate格式验证功能实例代码（包括重名验证）
本文通过实例代码给大家介绍了jQuery Validate格式验证功能，代码中包括重名验证的方法，需要的的朋友参考下吧2017-07-07
最新评论