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 相关文章推荐
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
jQuery 数据缓存data(name, value)详解及实现
Jan 04 Javascript
深入理解JavaScript系列(7) S.O.L.I.D五大原则之开闭原则OCP
Jan 15 Javascript
Javascript面向对象编程
Mar 18 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
[原创]微信小程序获取网络类型的方法示例
Mar 01 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
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 iconv函数的使用详解
2013/06/09 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
thinkphp特殊标签用法概述
2014/11/24 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
JavaScript中数组Array方法详解
2017/02/27 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
2017/08/04 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
2019/05/17 Javascript
[04:55]完美世界副总裁蔡玮:DOTA2的自由、公平与信任
2013/12/18 DOTA
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
Python爬虫工程师面试问题总结
2018/03/22 Python
使用python根据端口号关闭进程的方法
2018/11/06 Python
python 合并多个excel中同名的sheet
2021/01/22 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
幼儿园消防安全制度
2014/01/26 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
校园文明标语
2014/06/13 职场文书
数学教研活动总结
2014/07/02 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
反腐倡廉观后感
2015/06/08 职场文书
青年联谊会致辞
2015/07/31 职场文书
Python面向对象之成员相关知识总结
2021/06/24 Python
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript