jQuery表单域选择器用法分析_jquery

表单域是指网页中的input,textarea, select和button元素。

1. :input选择器
代码如下:$(":input")

2. :text选择器
代码如下:$(":text")

3. :password选择器
代码如下:$(":password")

4. :radio选择器
代码如下:$(":radio")

5. :checkbox选择器
代码如下:$(":checkbox")

6. :file选择器
代码如下:$(":file")

7. :image选择器
代码如下:$(":image")

8. :hidden选择器
代码如下:$(":hidden")用于选择所有不可见元素(css display 属性值为none)以及隐藏域()

9. :submit选择器
代码如下:$(":submit")

10. :reset选择器
代码如下:$(":reset")

简单实例：

代码如下:






$(document).ready(function(){
$(":text").attr("value", "文本框");
$(":password").attr("value", "密码框");
$(":radio:eq(0)").attr("checked", "true");
$(":checkbox").attr("checked", "true");
$(":image").attr("src", "ICO.ICO");
$(":file").css("width", "200px");
$(":hidden").attr("value", "已保存的值");
$("select").css("background", "#FCF"); //注意没有冒号
$(":submit").attr("id", "btn1");
$(":reset").attr("name", "btn");
$("textarea").attr("value", "文本域"); //注意没有冒号
});

效果图如下所示：

希望本文所述对大家的jQuery程序设计有所帮助。