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控制div外点击隐藏而div内点击不会隐藏的方法
Jan 13 Javascript
js仿苹果iwatch外观的计时器代码分享
Aug 26 Javascript
网页从弹窗页面单选框传值至父页面代码分享
Sep 29 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
100行代码实现一个vue分页组功能
Nov 06 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
Aug 03 Javascript
微信小程序自定义波浪组件使用方法详解
Sep 21 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 Javascript
Vue computed 计算属性代码实例
Apr 22 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
PHP 7.4 新语法之箭头函数实例详解
2019/05/09 PHP
php时间戳转换代码详解
2019/08/04 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
node.js入门教程
2014/06/01 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
javascript 自定义回调函数示例代码
2014/09/26 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
NodeJS遍历文件生产文件列表功能示例
2017/01/22 NodeJs
jQuery实现checkbox的简单操作
2017/11/18 jQuery
vue数据响应式原理知识点总结
2020/02/16 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
python urllib爬取百度云连接的实例代码
2017/06/19 Python
Python语言实现将图片转化为html页面
2017/12/06 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
python如何保证输入键入数字的方法
2019/08/23 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
陈欧的广告词
2014/03/18 职场文书
合作投资意向书
2014/04/01 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
匿名检举信范文
2015/03/02 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
利用python做数据拟合详情
2021/11/17 Python
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA