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 源码分析笔记(2) 变量列表
May 28 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
express 项目分层实践详解
Dec 10 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
6种JavaScript继承方式及优缺点(小结)
Feb 06 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
Vue中watch、computed、updated三者的区别及用法
Jul 27 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
SONY ICF-SW55的电路分析
2021/03/02 无线电
针对初学PHP者的疑难问答(2)
2006/10/09 PHP
PHP字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
php正则取img标记中任意属性(正则替换去掉或改变图片img标记中的任意属性)
2013/08/13 PHP
PHP微信支付开发实例
2016/06/22 PHP
番茄的表单验证类代码修改版
2008/07/18 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
2010/09/04 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
javascript和jquery修改a标签的href属性
2013/12/16 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
2018/03/15 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
python找出列表中大于某个阈值的数据段示例
2019/11/24 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
python speech模块的使用方法
2020/09/09 Python
详解pandas映射与数据转换
2021/01/22 Python
世界上最大的罕见唱片、CD和音乐纪念品网上商店:991.com
2018/05/03 全球购物
生物制药毕业生自荐信
2013/10/16 职场文书
军训的自我鉴定
2013/12/10 职场文书
高三英语教学反思
2014/01/13 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
最新奶茶店创业计划书范文
2014/02/08 职场文书
质检员岗位职责范本
2015/04/07 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python