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 相关文章推荐
js关闭父窗口时关闭子窗口
Apr 01 Javascript
JavaScript异步编程:异步数据收集的具体方法
Aug 19 Javascript
对于this和$(this)的个人理解
Sep 08 Javascript
javascript异步编程的4种方法
Feb 19 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
Mar 02 Javascript
JS实现DIV容器赋值的方法
Dec 14 Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 Javascript
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php提示Call-time pass-by-reference has been deprecated in的解决方法[已测]
2012/05/06 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
PHP基于imap获取邮件实例
2014/11/11 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
js自调用匿名函数的三种写法(推荐)
2016/08/19 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
javascript构造函数以及原型对象的理解
2017/01/13 Javascript
Vue 实现从小到大的横向滑动效果详解
2019/10/16 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
Java 生成随机字符的示例代码
2021/01/13 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
python实现人脸识别经典算法(一) 特征脸法
2018/03/13 Python
python八皇后问题的解决方法
2018/09/27 Python
pygame实现五子棋游戏
2019/10/29 Python
PyQt5+python3+pycharm开发环境配置教程
2020/03/24 Python
Python2手动安装更新pip过程实例解析
2020/07/16 Python
如何用Python绘制3D柱形图
2020/09/16 Python
Python实现淘宝秒杀功能的示例代码
2021/01/19 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
UML设计模式笔试题
2014/06/07 面试题
美术学专业求职信
2014/07/23 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
重阳节慰问信
2015/02/15 职场文书
舌尖上的中国观后感
2015/06/02 职场文书