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之四(优雅的迭代)
Jun 20 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 Javascript
json定义及jquery操作json的方法
Sep 29 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
Vue.js学习示例分享
Feb 05 Javascript
vue-dialog的弹出层组件
May 25 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
js实现随机点名程序
Sep 17 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 翻页 实例代码
2009/08/07 PHP
解析PHP获取当前网址及域名的实现代码
2013/06/23 PHP
浅析Mysql 数据回滚错误的解决方法
2013/08/05 PHP
php处理单文件、多文件上传代码分享
2016/08/24 PHP
Javascript中Eval函数的使用说明
2008/10/11 Javascript
jQuery 剧场版 你必须知道的javascript
2009/05/27 Javascript
读jQuery之八 包装事件对象
2011/06/21 Javascript
js函数的引用, 关于内存的开销
2012/09/17 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
jQuery表格(Table)基本操作实例分析
2017/03/10 Javascript
前端开发之CSS原理详解
2017/03/11 Javascript
Node.JS文件系统解析实例详解
2017/05/15 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
vue watch监听对象及对应值的变化详解
2018/02/24 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
Python 对象中的数据类型
2017/05/13 Python
python实现简易动态时钟
2018/11/19 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
CSS中几个与换行有关的属性简明总结
2014/04/15 HTML / CSS
英国电视和家用电器购物网站:rlrdistribution.co.uk
2018/11/20 全球购物
ORLY官网:美国专业美甲一线品牌
2019/12/11 全球购物
UNIX命令速查表
2012/03/10 面试题
高中考试作弊检讨书
2014/01/14 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2014会计年终工作总结
2014/12/20 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python