jquery自定義屬性(類(lèi)型/屬性值)
更新時(shí)間：2013年05月21日 16:31:24 作者：
屬性的類(lèi)型可以為：圖片、文本框、按鈕，然后選擇需要設(shè)置的屬性值：src、width、height、title、value等等，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
var ping = '';
switch ($('#Select3 option:selected').text()) {
case '圖片': ping += '<img'; break;
case '文本框': ping += '<input type=text'; break;
case '按鈕': ping += '<input type=button'; break;
}
$('#attrzhi').blur(function () {
ping += ' ';
ping += $('#Select2 option:selected').text();
ping += '=';
ping += $('#attrzhi').val();
})
$('#Button1').click(function () {
ping += '/>';
alert(ping);
$('#show').append(ping);
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr><td><!--什么東西--> 添加類(lèi)型：</td><td><select id="Select3">
<option>圖片</option>
<option>文本框</option>
<option>按鈕</option>
</select></td><td rowspan="5" id='show'></td></tr>
<tr><td>
<!--需要設(shè)置的屬性值-->
屬性：</td><td> <select id="Select2">
<option>src</option>
<option>width</option>
<option>height</option>
<option>title</option>
<option>value</option>
<option>font-size</option>
<option>color</option>
</select>
</td></tr>
<tr><td>屬性值：</td><td><input id="attrzhi" type="text" /></td></tr>
<tr><td colspan="2"><div id="showattr"></div></td></tr>
<tr><td> 內(nèi)容：</td><td><input id="Text1" type="text" /></td></tr>
<tr><td>
<input id="Button1" type="button" value="創(chuàng)建" /></td></tr>
</table>
</div>
</form>
</body>
您可能感興趣的文章:
- jquery獲取自定義屬性(attr和prop)實(shí)例介紹
- jQuery中使用data()方法讀取HTML5自定義屬性data-*實(shí)例
- jquery 獲取自定義屬性(attr和prop)的實(shí)現(xiàn)代碼
- 使用jQuery獲取data-的自定義屬性
- jQuery Easyui Tabs擴(kuò)展根據(jù)自定義屬性打開(kāi)頁(yè)簽
- jquery操作HTML5 的data-*的用法實(shí)例分享
- html5的自定義data-*屬性和jquery的data()方法的使用示例
- jquery遍歷標(biāo)簽中自定義的屬性方法
- jQuery實(shí)現(xiàn)的一個(gè)自定義Placeholder屬性插件
- 用jquery獲取自定義的標(biāo)簽屬性的值簡(jiǎn)單實(shí)例
- jQuery判斷自定義屬性data-val用法示例
相關(guān)文章
jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
這里給大家分享的是使用jQuery插件實(shí)現(xiàn)兼容IE8的異步上傳文件的代碼，效果非常不錯(cuò)，有需要的小伙伴可以參考下。2015-06-06
文檔離瀏覽器頂部的距離如何判斷，下面有個(gè)不錯(cuò)的方法，感興趣的朋友可以參考下2014-01-01
這篇文章介紹了使用Jquery操作Cookies的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
DIV+CSS+jQ實(shí)現(xiàn)省市聯(lián)動(dòng)可擴(kuò)展
這篇文章主要介紹了DIV+CSS+jQ實(shí)現(xiàn)省市聯(lián)動(dòng)可擴(kuò)展方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jquery實(shí)現(xiàn)表格本地排序的方法,實(shí)例分析了jQuery操作數(shù)組實(shí)現(xiàn)本地表格排序的技巧,需要的朋友可以參考下2015-03-03
jQuery 對(duì)象中的類(lèi)數(shù)組操作
我們都知道jQUery對(duì)象中有一個(gè)類(lèi)數(shù)組的元素包裝集，該集合類(lèi)似js中的數(shù)組一樣擁有l(wèi)ength屬性，因此我們稱(chēng)此為類(lèi)數(shù)組，下面我們就來(lái)總結(jié)下這個(gè)jQuery對(duì)象中的類(lèi)數(shù)組時(shí)如何進(jìn)行操作的2009-04-04
jQuery Ajax File Upload實(shí)例源碼
這篇文章主要為大家分享了jQuery Ajax File Upload實(shí)例源碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Jquery多選下拉列表插件jquery multiselect功能介紹及使用
支持點(diǎn)擊label實(shí)現(xiàn)checkbox組選擇，頭部選項(xiàng)，如全選/ 取消全選 /關(guān)閉功能,支持鍵盤(pán)選擇等等，下面與大家分享下具體使用2013-05-05
jquery+ajax+text文本框?qū)崿F(xiàn)智能提示完整實(shí)例
這篇文章主要介紹了jquery+ajax+text文本框?qū)崿F(xiàn)智能提示的方法,涉及jQuery基于ajax交互實(shí)現(xiàn)后臺(tái)數(shù)據(jù)的動(dòng)態(tài)查詢(xún)與文本提示信息的顯示功能,需要的朋友可以參考下2016-07-07
基于jQuery的前端數(shù)據(jù)通用驗(yàn)證庫(kù)
做了這么長(zhǎng)時(shí)間的開(kāi)發(fā)，一直因?yàn)轵?yàn)證的問(wèn)題相當(dāng)?shù)目鄲?，不斷的?xiě)很多重復(fù)的代碼，對(duì)想偷懶的我來(lái)說(shuō)是相當(dāng)痛苦的。2011-08-08