码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2017-02-17 23:27:02      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:js代码   style   src   value   数学   ready   reg   密码   cti   

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery/jquery-1.11.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#buttonqun #but1").click(function(){
                    $("font:input").toggle();        
                });    //查找所有input
                
                $("#buttonqun #but2").click(function(){
                    $(":text").toggle();        
                });    //查找所有文本框    
                
                $("#buttonqun #but3").click(function(){
                    $(":password").toggle();        
                });    //查找所有密码框
                
                $("#buttonqun #but4").click(function(){
                    $(":radio").toggle();        
                });    //查找所有单选框
                
                $("#buttonqun #but5").click(function(){
                    $(":checkbox").toggle();        
                });    //查找所有复选框
                
                $("#buttonqun #but6").click(function(){
                    $(":submit").toggle();        
                });    //查找所有提交框
                
                $("#buttonqun #but7").click(function(){
                    $(":image").toggle();        
                });    //查找所有图像域
                
                $("#buttonqun #but8").click(function(){
                    $(":reset").toggle();        
                });    //查找所有重置按钮
        
                $("#buttonqun #but9").click(function(){
                    $(":button").toggle();        
                });    //查找所有按钮
                
                $("#buttonqun #but10").click(function(){
                    $(":file").toggle();        
                });    //查找所有文件域
                
                $("#buttonqun #but1").click(function(){
                    $(":input").toggle();        
                });    //查找所有文本框
        
            });
        </script>    
    </head>
    <style>        
        
        
        
        
        
        
    </style>
    <body>    
        <form name="reg" method="post">
            <fieldset>
            <legend>注册表单</legend>
            姓名:<input type="text" name="姓名" size="10" maxlength="6">
            <br>
            密码:<input type="password" name="密码" size="10"maxlength=6>
            <br>
            <input type="hidden"name="send" value="123">
            爱好:<input type="checkbox" name="爱好" value="体育">体育
            <input type="checkbox" name="爱好" value="数学">数学
            <br>
            性别:<input type="radio" name="性别" value="男"><input type="radio" name="性别" value="女"><br>
            地址:<select name="地址">
                    <optgroup label="什么">
                        <option label="什么">什么
                        <option label="什么">什么
                        <option label="什么">什么
                    </optgroup>
                    <optgroup label="那个">
                        <option label="那个">那个
                        <option label="那个">那个
                        <option label="那个">那个
                    </optgroup>
                </select>
            <br>
            请留下您的意见或建议:
            <br>
            <textarea cols="40" rows="8" name="content">
                建议或意见
            </textarea>
            <br />
            <input type="submit" value="提交">
            <input type="reset" value="重置">
            <br />
            <button type="reset">
                <img src="jq笔记/jq与js代码差别.jpg">
            </button>
            <input type="image" src="jq笔记/jq中的核心方法.jpg">
            <br />
            <input type="file">
            </fieldset>


        </form>





    <div id="buttonqun">
        <input id="but1" type="button" value="input">
        <input id="but2" type="button" value="文本">
        <input id="but3" type="button" value="密码">
        <input id="but4" type="button" value="单选">
        <input id="but5" type="button" value="复选">
        <input id="but6" type="button" value="提交">
        <input id="but7" type="button" value="图像">
        <input id="but8" type="button" value="重置">
        <input id="but9" type="button" value="按钮">
        <input id="but10" type="button" value="文件">
    </div>    
        
        
        
        
        
    </body>
</html>    

 

jQuery

标签:js代码   style   src   value   数学   ready   reg   密码   cti   

原文地址:http://www.cnblogs.com/yjh1604600160/p/x4.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!