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 相关文章推荐
jQuery $.each的用法说明
Mar 22 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
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 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php遍历类中包含的所有元素的方法
2015/05/12 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
功能强大的jquery.validate表单验证插件
2016/11/07 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
vue项目中v-model父子组件通信的实现详解
2017/12/10 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
初试vue-cli使用HBuilderx打包app的坑
2019/07/17 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
原生js实现自定义消息提示框
2020/11/19 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
Django csrf 验证问题的实现
2018/10/09 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
python写程序统计词频的方法
2019/07/29 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
Django分组聚合查询实例分享
2020/04/29 Python
基于Modernizr 让网站进行优雅降级的分析
2013/04/21 HTML / CSS
美国山地自行车、露营、户外装备和服装购物网站:Aventuron
2018/05/05 全球购物
Harrods英国:世界领先的奢侈品百货商店
2020/09/23 全球购物
路政管理毕业自荐书范文
2014/02/10 职场文书
化学专业自荐信
2014/05/28 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书