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 ready(fn)事件使用介绍
Aug 21 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
AngularJS利用Controller完成URL跳转
Aug 09 Javascript
Jquery调用iframe父页面中的元素及方法
Aug 23 Javascript
jQuery实现可展开折叠的导航效果示例
Sep 12 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
JavaScript中数组Array.sort()排序方法详解
Mar 01 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 Javascript
24个ES6方法解决JS实际开发问题(小结)
May 31 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 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
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
PHP7.3.10编译安装教程
2019/10/08 PHP
理解Javascript_09_Function与Object
2010/10/16 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
2018/12/13 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python发腾讯微博代码分享
2014/01/10 Python
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
Python赋值语句后逗号的作用分析
2015/06/08 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
Python之reload流程实例代码解析
2018/01/29 Python
对Python中range()函数和list的比较
2018/04/19 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
django admin组件使用方法详解
2019/07/19 Python
简单分析python的类变量、实例变量
2019/08/23 Python
Python进程池Pool应用实例分析
2019/11/27 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
amazeui 验证按钮扩展的实现
2020/08/21 HTML / CSS
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
Intersport西班牙:在线体育商店
2019/11/06 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
自我评价范文
2013/12/22 职场文书
上课不认真检讨书
2014/09/17 职场文书
给老婆道歉的话
2015/01/20 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书