首页 > Web开发 > 详细

jquery 表单选择

时间:2021-08-30 08:40:24      阅读:9      评论:0      收藏:0      [点我收藏+]

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-width: 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="" >
            <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>

jquery 表单选择

原文:https://www.cnblogs.com/tiandlsd001/p/15196259.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!