jquery自定义属性(类型/属性值)
更新时间：2013年05月21日 16:31:24 作者：
属性的类型可以为：图片、文本框、按钮，然后选择需要设置的属性值：src、width、height、title、value等等，具体实现如下，感兴趣的朋友可以参考下哈
复制代码 代码如下:
<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><!--什么东西--> 添加类型：</td><td><select id="Select3">
<option>图片</option>
<option>文本框</option>
<option>按钮</option>
</select></td><td rowspan="5" id='show'></td></tr>
<tr><td>
<!--需要设置的属性值-->
属性：</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> 内容：</td><td><input id="Text1" type="text" /></td></tr>
<tr><td>
<input id="Button1" type="button" value="创建" /></td></tr>
</table>
</div>
</form>
</body>
您可能感兴趣的文章:
- jquery获取自定义属性(attr和prop)实例介绍
- jQuery中使用data()方法读取HTML5自定义属性data-*实例
- jquery 获取自定义属性(attr和prop)的实现代码
- 使用jQuery获取data-的自定义属性
- jQuery Easyui Tabs扩展根据自定义属性打开页签
- jquery操作HTML5 的data-*的用法实例分享
- html5的自定义data-*属性和jquery的data()方法的使用示例
- jquery遍历标签中自定义的属性方法
- jQuery实现的一个自定义Placeholder属性插件
- 用jquery获取自定义的标签属性的值简单实例
- jQuery判断自定义属性data-val用法示例
相关文章
这里给大家分享的是使用jQuery插件实现兼容IE8的异步上传文件的代码，效果非常不错，有需要的小伙伴可以参考下。2015-06-06
文档离浏览器顶部的距离如何判断，下面有个不错的方法，感兴趣的朋友可以参考下2014-01-01
这篇文章介绍了使用Jquery操作Cookies的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jquery实现表格本地排序的方法,实例分析了jQuery操作数组实现本地表格排序的技巧,需要的朋友可以参考下2015-03-03
我们都知道jQUery对象中有一个类数组的元素包装集，该集合类似js中的数组一样拥有length属性，因此我们称此为类数组，下面我们就来总结下这个jQuery对象中的类数组时如何进行操作的2009-04-04
这篇文章主要为大家分享了jQuery Ajax File Upload实例源码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
支持点击label实现checkbox组选择，头部选项，如全选/ 取消全选 /关闭功能,支持键盘选择等等，下面与大家分享下具体使用2013-05-05
这篇文章主要介绍了jquery+ajax+text文本框实现智能提示的方法,涉及jQuery基于ajax交互实现后台数据的动态查询与文本提示信息的显示功能,需要的朋友可以参考下2016-07-07
做了这么长时间的开发，一直因为验证的问题相当的苦恼，不断的写很多重复的代码，对想偷懒的我来说是相当痛苦的。2011-08-08
最新评论