首页 > 代码库 > jQuery

jQuery

2024-09-04 18:38:27   221人阅读

<!DOCTYPE html>
<html>
    <head>
        <script src="http://www.mamicode.com/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="http://www.mamicode.com/123">
            爱好：<input type="checkbox" name="爱好" value="http://www.mamicode.com/体育">体育
            <input type="checkbox" name="爱好" value="http://www.mamicode.com/数学">数学
            <br>
            性别：<input type="radio" name="性别" value="http://www.mamicode.com/男">男
            <input type="radio" name="性别" value="http://www.mamicode.com/女">女
            <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="http://www.mamicode.com/提交">
            <input type="reset" value="http://www.mamicode.com/重置">
            <br />
            <button type="reset">
                <img src="http://www.mamicode.com/jq笔记/jq与js代码差别.jpg">
            </button>
            <input type="image" src="http://www.mamicode.com/jq笔记/jq中的核心方法.jpg">
            <br />
            <input type="file">
            </fieldset>


        </form>





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

 

jQuery


联系
我们