07_jQuery_表单

HTML代码：

<form>
        <fieldset>
            <input type="button" value="Input Button"/><!--按钮-->
            <input type="checkbox"/><!--多选框-->
            <input type="file"/><!--选择文件-->
            <input type="hidden"/><!--隐藏-->
            <input type="image"/><!--图片-->
            <input type="password"/><!--密码-->
            <input type="radio"/><!--单选框-->
            <input type="reset"/><!--重置-->
            <input type="submit"/><!--提交-->
            <input type="text"/><!--文本-->
            <select>
                <option>Option</option>
                <textarea></textarea>
                <input type="button" value="Botton"/>
            </select>
        </fieldset>
    </form>

css代码：

    textarea{
        height:35px;
    }
    div{
        color:red;
    }
    fieldset{
        margin:0;
        padding:0;
        border-width:0;
    }
    .marked{
        background-color:yellow;
        border:3px solid red;
    }
        

 

jQuery代码：

        $(function(){//找到表格中的button按钮
            var input=$(":button").addClass("marked");
            })

效果：

 

4、:disabled Selector

描述：选择所有被禁用的元素

语法：jQuery(":disabled")

HTML代码：

<form>
        <input name="email" disabled="disabled";/>
        <input name="id"/>
    </form>

jQuery代码：

$(function(){
            $("input:disabled").val("haha");
            })

效果：

 

 

 

 

$(function(){
            var input=$("input:image").addClass("marked");
            })

效果：

 

jQuery代码：

$(function(){
            var input=$(":input").addClass("marked");
            })

 

效果：