zoukankan      html  css  js  c++  java
  • jquery 表单选择

    1.选择所有按钮元素和类型为按钮的元素

        :button

    2.选择所有类型为复选框的元素

        :checkbox

    3.选择所有勾选的元素

        :checked

    4.选择所有被禁用的元素

        :disabled

    5.选择所有未被禁用的元素

        :enabled

    6.选择所有类型为文件(file)的元素

        :file

    7.选择当前获取焦点的元素

        :focus

    8.选择所有图像类型的元素

        :image

    9.选择所有input,textarea,select,button元素

        :input

    10.选择所有类型为密码的元素

        :password

    11.选择所有类型为单选框的元素

        :radio

    12.选择所有类型为提交的元素

        :submit

    使用方法示例

    <style>
        textarea {
            height: 35px;
        }
        
        div {
            color: red;
        }
        
        fieldset {
            margin: 0;
            padding: 0;
            border- 0;
        }
        
        .marked {
            background-color: yellow;
            border: 3px solid red;
        }
        
        .marked_img {
            background-color: rgb(89, 0, 255);
            border: 3px solid red;
        }
    </style>

    <body>
        <form action="" method="post">
            <fieldset>
                <input type="button" value="input button">
                <br>
                <input type="checkbox" name="" id="">
                <br>
                <input type="file" name="" id="">
                <br>
                <input type="hidden" name="">
                <br>
                <input type="image" src="" alt="">
                <br>
                <input type="password" name="" id="">
                <br>
                <input type="radio" name="" id="">
                <br>
                <input type="reset" value="reset">
                <br>
                <input type="submit" value="submit">
                <br>
                <input type="text" name="" id="">
                <br>
                <select>
                    <option value="1">1</option>
                    <option value="2">2</option>
                </select>
                <br>
                <textarea name="" id="" cols="30" rows="10"></textarea>
                <br>
                <button>botton</button>
            </fieldset>

        </form>
    </body>
    <script src="/public/static/index/js/jquery.js"></script>
    <script>
        $(function() {
            var input = $(":button").addClass("marked");
            var input1 = $("input:image").addClass("marked_img");
        })
    </script>
  • 相关阅读:
    iOS开发WKWebView Cookie的读取与写入,与UIWebView的Cookie共享
    【拨号】iPhone拨号功能隐藏代码,值得收藏。
    iOS: 获取不变的UDID
    ios 系统设置对应URL
    iOS开发UI篇—多控制器和导航控制器简单介绍
    iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(二)
    iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
    iOS开发UI篇—程序启动原理和UIApplication
    iOS开发UI篇—常见的项目文件介绍
    iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(一)
  • 原文地址:https://www.cnblogs.com/tiandlsd001/p/15196259.html
Copyright © 2011-2022 走看看