jQuery表单域属性过滤器用法分析

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

jQuery表单域属性过滤器用法分析

来源：阅读：859 次日期：2015-02-11 14:13:45

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

这篇文章主要介绍了jQuery表单域属性过滤器用法,实例分析了:checked、:enabled、:disabled:、selected等常用表单域属性过滤器使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery表单域属性过滤器用法。分享给大家供大家参考。具体分析如下：

表单内包含各种各样的表单域，使用表单域属性选择器可以很好的获取已被选中的单选按钮，复选框以及列表项，也可以根据是否可用从文档中查找表单域。

1. :checked选择器

用于选择所有被选中的表单域。格式:

代码如下:

$("selector:checked")

可以是input，radio和checkbox

2. :enabled选择器

用于选择所有可用的表单域，格式：

代码如下:

$("selector:enabled")

3. :disabled选择器

用于选择所有被禁用的表单域，格式:

代码如下:

$("selector:disabled")

4. :selected选择器

用于从列表框选择所有选中的option元素，格式:

代码如下:

$("selector:selected")

5. :hidden选择器

用于选择所有的不可见元素

代码如下:

$("selector:hidden")

6. :visible选择器

用于选择所有的可见元素

简单示例：

代码如下:

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

<head>

<title>表单域属性过滤选择器应用示例</title>

$(document).ready(function(){

$("input:checked").css("border", "1px solid red");

$("input:disabled").css("background", "#FCF");

$("input:enabled").val("可用文本框");

});

</script>

</head>

<body>

<h3 align="center">表单域属性过滤选择器应用示例</h3>

<tr>

<td width="443"><input type="checkbox" checked="checked" />被选中的复选框

<input type="checkbox" checked="checked" />被选中的复选框

<input type="checkbox" />没有被选中的复选框

</td>

</tr>

<tr>

<td>可用文本框：</td>

</tr>

<tr>

<td>不可用文本框：</td>

</tr>

<tr>

<td>

</select>

</td>

</tr>

</table>

</body>

</html>

效果图：

jQuery表单域属性过滤器用法分析

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

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

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

下一篇：Jquery搜索父元素操作方法

手机网站地址：jQuery表单域属性过滤器用法分析

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