jQuery表單美化插件jqTransform使用詳解
更新時(shí)間：2015年04月12日 09:58:39 投稿：hebedich
這里主要是jQuery美化部分的實(shí)例，美化對(duì)象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問(wèn)題。
jQuery Form表單美化插件jqTransform，非常實(shí)用的jQuery插件，自動(dòng)把你整個(gè)Form表單進(jìn)行美化處理，包括SELECT下拉框、文本框、單選、復(fù)選框、按鈕等，當(dāng)然不支持input file文件選擇框，這個(gè)可以參照我們之前的input file選擇框美化教程進(jìn)行改造，在瀏覽器兼容方面，兼容 ie 6+, safari 2+, firefox 2+，插件還是很不錯(cuò)的，使用起來(lái)也很簡(jiǎn)單，推薦學(xué)習(xí)和使用。
使用方法：
1.加載jQuery和插件
<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
2.HTML內(nèi)容
<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.函數(shù)調(diào)用
<script type="text/javascript">
$(function() {
$("form.jqtransform").jqTransform();
});
</script>
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
this指的是javascript對(duì)象而$(this)就是就jquery對(duì)象，不懂的朋友可以看看本文2013-09-09
jQuery Autocomplete簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery Autocomplete簡(jiǎn)介，jQuery UI Autocomplete是jQuery UI的自動(dòng)完成組件，是我用過(guò)的最強(qiáng)大、最靈活的Autocomplete，它支持本地的Array/JSON數(shù)組、通過(guò)ajax請(qǐng)求的Array/JSON數(shù)組、JSONP、以及Function(最靈活)等方式來(lái)獲取數(shù)據(jù)2017-07-07
這篇文章主要為大家詳細(xì)介紹了jQuery插件autocomplete使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
Jquery封裝tab自動(dòng)切換效果的具體實(shí)現(xiàn)
這篇文章介紹了Jquery封裝tab自動(dòng)切換效果的具體實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-07-07
jQuery Mobile框架中的表單組件基礎(chǔ)使用教程
jQuery Mobile框架主要針對(duì)移動(dòng)端的Web UI設(shè)計(jì),其中豐富的表單組件調(diào)用起來(lái)也是相當(dāng)方便,接下來(lái)就為大家整理了一份jQuery Mobile框架中的表單組件基礎(chǔ)使用教程,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了如何使用jquery獲取復(fù)選框被選中的值,需要的朋友可以參考下2014-04-04
基于JQuery 滑動(dòng)與動(dòng)畫的說(shuō)明介紹
本篇文章小編為大家介紹，基于JQuery 滑動(dòng)與動(dòng)畫的說(shuō)明介紹。需要的朋友參考下2013-04-04
JQUERY 獲取IFrame中對(duì)象及獲取其父窗口中對(duì)象示例
經(jīng)常會(huì)用到iframe，難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素，下面為大家簡(jiǎn)單介紹下本人的使用心得2013-08-08
Jquery EasyUI的添加，修改，刪除，查詢等基本操作介紹
初識(shí)Jquery EasyUI看了一些博主用其開發(fā)出來(lái)的項(xiàng)目，頁(yè)面很炫，感覺功能挺強(qiáng)大，效果也挺不錯(cuò)，最近一直想系統(tǒng)學(xué)習(xí)一套前臺(tái)控件，于是在網(wǎng)上找了一些參考示例2013-10-10
jQuery Validate格式驗(yàn)證功能實(shí)例代碼（包括重名驗(yàn)證）
本文通過(guò)實(shí)例代碼給大家介紹了jQuery Validate格式驗(yàn)證功能，代碼中包括重名驗(yàn)證的方法，需要的的朋友參考下吧2017-07-07