2018.11.23

最新推荐文章于 2024-02-02 00:34:34 发布

把csdn当日记本的菜鸡

最新推荐文章于 2024-02-02 00:34:34 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/weixin_38472038/article/details/84372511

版权

Jquery

表单过滤器

选择器	具体描述
:input	匹配表单中所有的input元素、textarea元素、select元素和button元素
: text	匹配表单中所有的文本类型元素
: password	匹配表单中所有的密码类型（type="password"）的<input>元素
: radio	匹配表单中所有的radio类型元素（即单选按钮）
: checkbox	匹配表单中所有的checkbox类型元素（即复选框）
: submit	匹配表单中所有的提交按钮元素
: image	匹配表单中所有的image元素
: reset	匹配表单中所有的重置按钮
: button	匹配表单中所有的普通按钮
:file	匹配表单中所有的type="file"的input元素（即选择文件的控件）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单选择器的练习</title>
<script type="text/javascript" src="jquery.js"></script>
    <script>
        $(document).ready(function(){
        <!--:input 选择器选取表单元素-->
        var allInputs=$(":input");
        var formChildren=$("form>");
        <!--统一管理所有的提示框-->
        $("#messages").text("找到"+allInputs.length+"个");
        $(":input").css("border","2px solid red");
        });
    </script>
</head>
<body>
<form >
    <input type="button" value="按钮"/>
    <input type="checkbox"/>
    <input type="file"/>
    <input type="hidden"/>
</form>

</body>
</html>

表单过滤器

过滤器	具体描述
:enabled	匹配表单中所有启用的元素
:disabled	匹配表单中所有禁用的元素
:checked	匹配表单中所有被选中的元素（复选框或单选按钮）
:selected	过滤器可以匹配表单中所有被选中的option元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单过滤器练习</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script>
        $(document).ready(function(){
            $("input:enabled").css("border","2px solid red");
        });
    </script>
</head>
<body>
<form>
    <input name="email" disabled="disabled"/>
    <input name="id">
</form>
</body>
</html>

blur()方法用于绑定到blur事件的处理函数，语法如下：

.blur( handler(eventObject) )

handler是blur事件的处理函数，eventObject是事件的参数。

blur事件在元素失去焦点时发生。

jquery中$(":input")和$("input")有什么区别

区别

1. :input的作用是查找所有的input元素： input, textarea, select 和 button 元素。

查找所有的input元素，下面这些元素都会被匹配到。

<form>
    <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></select>
 
    <textarea></textarea>
    <button>Button</button>
 
</form>

2. input仅仅选择input元素。

查找一个 input 元素。

<input>INPUT1</input>
<input>INPUT2</input>
<span>SPAN</span>


结果
[ <input>INPUT1</input>,<input>INPUT2</input> ]

把csdn当日记本的菜鸡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
2018.11.23

Jquery表单过滤器选择器具体描述 :input 匹配表单中所有的input元素、textarea元素、select元素和button元素 : text 匹配表单中所有的文本类型元素 : password 匹配表单中所有的密码...
复制链接

扫一扫