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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
JMenuTab简单使用说明
Mar 13 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
使用Node.js处理前端代码文件的编码问题
Feb 16 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 Javascript
BootstrapTable加载按钮功能实例代码详解
Sep 22 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
Element Rate 评分的使用方法
Jul 27 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 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加MYSQL服务器
2006/10/09 PHP
php实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
php实现session自定义会话处理器的方法
2015/01/27 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
jQuery随便控制任意div隐藏的方法
2013/06/28 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
完美实现bootstrap分页查询
2015/12/09 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
2016/01/08 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
2018/11/14 jQuery
详解基于iview-ui的导航栏路径(面包屑)配置
2019/02/22 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
介绍一下linux文件系统分配策略
2013/02/25 面试题
优秀的计算机专业求职信范文
2013/12/27 职场文书
文秘班元旦晚会活动策划方案
2014/08/28 职场文书
交通事故和解协议书
2015/01/27 职场文书
军事理论课感想
2015/08/11 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
俄罗斯十大城市人口排名,第三首都仅排第六,第二是北方首都
2022/03/20 杂记
JS class语法糖的深入剖析
2022/07/07 Javascript