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 相关文章推荐
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
Nov 17 Javascript
原生js做的手风琴效果的导航菜单
Nov 08 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
pm2 部署 node的三种方法示例
Oct 20 Javascript
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
使用Vue开发动态刷新Echarts组件的教程详解
Mar 22 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
Aug 14 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
Aug 14 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
CodeIgniter框架URL路由总结
2014/09/03 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
分享php多功能图片处理类
2016/05/15 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
javaScript基础详解
2017/01/19 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
2018/09/07 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python使用magic模块进行文件类型识别方法
2018/12/08 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
python 模块导入问题汇总
2021/02/01 Python
HTML5中的websocket实现直播功能
2018/05/21 HTML / CSS
Tirendo比利时:在线购买轮胎
2018/10/22 全球购物
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
业务代表的岗位职责
2013/11/16 职场文书
新娘父亲婚礼致辞
2014/01/16 职场文书
教师演讲稿大全
2014/05/16 职场文书
小学教研工作总结2015
2015/05/13 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
Golang生成Excel文档的方法步骤
2021/06/09 Golang
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python