jQuery中:input选择器用法实例


Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:input选择器用法。分享给大家供大家参考。具体分析如下:

此选择器匹配所有的input元素。例如:<input type="text" />等等

语法结构:

$(":input")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>:input选择器-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $(":input").hide(); 

  }); 

}); 

</script> 

</head> 

<body> 

<ul> 

  <li><input type="checkbox" value="aihao" />读书</li> 

</ul> 

<button>点击查看效果</button> 

</body> 

</html>

以上代码,点击按钮后可以将input元素隐藏。

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

Javascript 相关文章推荐
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
Apr 24 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
js取模(求余数)隔行变色
May 15 Javascript
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
Aug 03 Javascript
原生js编写焦点图效果
Dec 08 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 Javascript
JavaScript实现简易计算器小功能
Oct 22 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
jQuery中:only-child选择器用法实例
Jan 03 #Javascript
js中取得变量绝对值的方法
Jan 03 #Javascript
基于豆瓣API+Angular开发的web App
Jan 02 #Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
Jan 02 #Javascript
AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
Jan 02 #Javascript
javascript制作的cookie封装及使用指南
Jan 02 #Javascript
分享一则javascript 调试技巧
Jan 02 #Javascript
You might like
PHP 遍历XP文件夹下所有文件
2008/11/27 PHP
注册页面之前先验证用户名是否存在的php代码
2012/07/14 PHP
Symfony2开发之控制器用法实例分析
2016/02/05 PHP
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
JS禁用浏览器退格键实现思路及代码
2013/10/29 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
一个仿糯米弹框效果demo
2014/07/22 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
JavaScript数组实现数据结构中的队列与堆栈
2016/05/26 Javascript
使用jQuery给input标签设置默认值
2016/06/20 Javascript
jQuery实现的手风琴侧边菜单效果
2017/03/29 jQuery
vue+Java后端进行调试时解决跨域问题的方式
2017/10/19 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Python实现抢购IPhone手机
2018/02/07 Python
HTML5学习笔记之History API
2015/02/26 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
父亲的菜园教学反思
2014/02/13 职场文书
微信营销策划方案
2014/02/24 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
服务整改报告
2014/11/06 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python