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-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 表单选择

上一篇:element UI之图片上传(裁剪(vue-cropper),图片格式转换)


下一篇:前端js实现滚轮操作的注意事项