jQuery表单域选择器用法分析

当前位置：首页 > 范文|应用文 > IT技术专栏 > 脚本栏目

jQuery表单域选择器用法分析

来源：阅读：674 次日期：2015-02-11 14:06:31

温馨提示：小编为您整理了“jQuery表单域选择器用法分析”,方便广大网友查阅！

这篇文章主要介绍了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)以及隐藏域(<input type="hidden">)

9. :submit选择器

代码如下:

$(":submit")

10. :reset选择器

代码如下:

$(":reset")

简单实例：

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>表单域选择器</title>

$(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", "文本域"); //注意没有冒号

});

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

效果图如下所示：

jQuery表单域选择器用法分析

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

更多信息请查看IT技术专栏

上一篇：JavaScript禁止右键+禁止选择文本JS代码主流浏览器兼容

下一篇：jQuery过滤选择器用法分析

手机网站地址：jQuery表单域选择器用法分析

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！