jQuery

Posted 加号与剑豪

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery相关的知识，希望对你有一定的参考价值。

<!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的主要内容，如果未能解决你的问题，请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）

几个有用的JavaScript/jQuery代码片段（转）

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段