jQuery中的:input选择器
jQuery input 选择器
2023-09-11 14:14:59 时间
jQuery中的:input选择器
jQuery中的:input选择器包含input, textarea, select 和 button这些标签。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
ul {
margin-left: 20px;
color: blue;
}
li {
cursor: default;
}
span {
color: red;
}
</style>
</head>
<body>
<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>
<div id="messages"></div>
<script src="jquery-2.1.4.js"></script>
<script>
$("#messages").text($(":input").length+":"+$("form>*").length)
</script>
</body>
</html>
所以结果为form中的全部元素都会被 :input
选择器选中。
相关文章
- Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)
- jquery中 $ 和 jQuery 及 $() 的区别
- jQuery改变label/input的值,改变class,改变img的src
- 使用jQuery.form插件,实现完美的表单异步提交
- jQuery (样式篇)
- jquery input选择弹框
- jQuery:find()及children()的区别
- jQuery 判断多个 input file 都不能为空
- 《jQuery UI 开发指南》——1.2 jQuery UI概览
- jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
- 如何用jquery获取input输入框中的值?
- Input and Output-The input is all the sources of action for your app
- jquery之$.each用法(组织数组对象及json对象)
- jQuery closest() /parents()/parent() 方法说明
- JQuery插件之图片轮播插件–slideBox
- Jquery学习—jquery的事件