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中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
微信小程序支付PHP代码
Aug 23 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
Apr 25 Javascript
React列表栏及购物车组件使用详解
Jun 28 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
MyEclipse常用配置图文教程
2014/09/11 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
jquery ajax中使用jsonp的限制解决方法
2013/11/22 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
node.js中的fs.existsSync方法使用说明
2014/12/17 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
2015/10/28 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
Vue中的vue-resource示例详解
2018/11/02 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
python中列表元素连接方法join用法实例
2015/04/07 Python
python获取一组汉字拼音首字母的方法
2015/07/01 Python
Python 使用SMTP发送邮件的代码小结
2016/09/21 Python
机器学习python实战之决策树
2017/11/01 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
python循环嵌套的多种使用方法解析
2019/11/29 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
HTML5 manifest离线缓存的示例代码
2018/08/08 HTML / CSS
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
工程力学专业毕业生求职信
2013/10/06 职场文书
暑期社会实践学生的自我评价
2014/01/09 职场文书
3分钟英语演讲稿
2014/04/29 职场文书
团代会邀请函
2015/02/02 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python
Python编程中内置的NotImplemented类型的用法
2022/03/23 Python