javascript代码实例教程-jquery自定义属性

发布时间:2019-05-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery自定义属性脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 &nbsp;<script src="jquery-1.9.1.js" tyPE="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            VAR ping = &#39;';

            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">

    <p>

    <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"><p id="showattr"></p></td></tr>

   

    <tr><td> 内容:</td><td><input id="Text1" type="text" /></td></tr>

   <tr><td>

       <input id="Button1" type="button" value="创建" /></td></tr>

    </table>

    </p>

    </form>

</body>

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery自定义属性全部内容,希望文章能够帮你解决javascript代码实例教程-jquery自定义属性所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。