jQuery的選擇器（五）

時間 2019-11-15

標籤 jquery 選擇器欄目 JQuery 简体版

原文原文鏈接

4、表單選擇器javascript

:input：取input元素css

:text：取單行文本框元素java

:password：取密碼框元素jquery

:radio：取單選框元素佈局

:checkbox：取複選框元素code

:file：取上傳域元素orm

:images：取圖片按鈕元素htm

:button：取全部的按鈕元素blog

:submit：取提交按鈕元素圖片

:reset：取重置按鈕元素

這裏咱們寫了一個註冊界面的佈局來使用表單選擇器

<body>

<form>

<p>性別：

<input type="radio" name="sex" value="0">男

<input type="radio" name="sex" value="1">女

</p>

<p>我的愛好：

<input type="checkbox" name="hobby" value="跑步"/>跑步

<input type="checkbox" name="hobby" value="讀書"/>讀書

<input type="checkbox" name="hobby" value="登山"/>登山

<input type="checkbox" name="hobby" value="其餘"/>其餘

</p>

<p>選擇資料：

</p>

<p>

<br/>

</p>

<br/>

</form>

</fieldset>

</body>

界面效果：

使用表單選擇器來修改htm元素的樣式

$(document).ready(function(){

// $(":input").css("background","red");

$(":text").attr("value","帳號");

$(":password").attr("value","密碼");

$(":radio:eq(0)").attr("checked","true");

$(":checkbox").attr("checked","true");

$(":file").css("background","red");

$(":image").attr("src","1.png");

$(":button").css("background","green");

$(":submit").css("background","green");

$(":reset").css("background","red");

});

</script>

運行後的效果

1. jQuery-jQuery選擇器
2. jQuery 的選擇器
3. jQuery的選擇器
4. JQuery的選擇器
5. jQuery選擇器
6. jQuery 選擇器
7. jquery選擇器
8. JQuery選擇器
9. Jquery 選擇器
10. JQuery - * 選擇器
更多相關文章...
• jQuery Mobile 表單選擇菜單 - jQuery Mobile 教程
• XQuery 選擇和過濾 - XQuery 教程
• Docker容器實戰(七) - 容器眼光下的文件系統
• Docker容器實戰(六) - 容器的隔離與限制

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。