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获得地址栏参数的两种方法
Nov 08 Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
js setTimeout opener的用法示例详解
Oct 23 Javascript
jQuery取消ajax请求的方法
Jun 09 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
第四章之BootStrap表单与图片
Apr 25 Javascript
JavaScript使用Range调色及透明度实例
Sep 25 Javascript
微信小程序显示下拉列表功能【附源码下载】
Dec 12 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
js实现动态时钟
Mar 12 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动态生成JavaScript代码
2009/03/09 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
PHP实现微信提现功能
2018/09/30 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
javascript面向对象入门基础详细介绍
2012/09/05 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
js本地图片预览实现代码
2016/10/09 Javascript
JS判断时间段的实现代码
2017/06/14 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
2018/06/13 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
Python模块包中__init__.py文件功能分析
2016/06/14 Python
Python自定义类的数组排序实现代码
2016/08/28 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
python图形工具turtle绘制国际象棋棋盘
2019/05/23 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
如何使用PyCharm将代码上传到GitHub上(图文详解)
2020/04/27 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
黄河的主人教学反思
2014/02/07 职场文书
合作协议书怎么写
2014/04/18 职场文书
毕业生求职信
2014/06/10 职场文书
万能检讨书
2015/01/27 职场文书
民政工作个人总结
2015/02/28 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
2015年体育部工作总结
2015/04/02 职场文书
《青山不老》教学反思
2016/02/22 职场文书
Pytest实现setup和teardown的详细使用详解
2021/04/17 Python