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小技巧 2.5 则
Sep 12 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
Dec 16 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
Feb 22 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 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
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
PHP中有关长整数的一些操作教程
2019/09/11 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
利用jQuary实现文字浮动提示效果示例代码
2013/12/26 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
EasyUi combotree 实现动态加载树节点
2016/04/01 Javascript
原生js实现轮播图的示例代码
2017/02/20 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
分享Python字符串关键点
2015/12/13 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
Python单例模式实例详解
2017/03/01 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python使用dict.fromkeys()快速生成一个字典示例
2019/04/24 Python
python实现将一维列表转换为多维列表(numpy+reshape)
2019/11/29 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
pandas数据处理之绘图的实现
2020/06/15 Python
python Paramiko使用示例
2020/09/21 Python
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
空指针到底是什么
2012/08/07 面试题
个人四风问题对照检查材料
2014/10/01 职场文书
购房协议书范本(无房产证)
2014/10/07 职场文书
2014年体育工作总结
2014/11/24 职场文书
2015年档案室工作总结
2015/05/23 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis