jQuery中:checkbox选择器用法实例


Posted in Javascript onJanuary 03, 2015

本文实例讲述了jQuery中:checkbox选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配所有复选框。

语法结构:

$(":checkbox")

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("button").click(function(){ 

    $(":checkbox").hide(); 

  }); 

}); 

</script>

</head>

<body>

<ul>

  <li><input type="checkbox" value="aihao" />复选框</li>

  <li><input type="text" />文本框</li>

</ul>

<button>点击查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
jquery indexOf使用方法
Aug 19 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
Bootstrap的aria-label和aria-labelledby属性实例详解
Nov 02 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
jQuery中:radio选择器用法实例
Jan 03 #Javascript
jQuery中:password选择器用法实例
Jan 03 #Javascript
jQuery中:text选择器用法实例
Jan 03 #Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 #Javascript
jQuery中:input选择器用法实例
Jan 03 #Javascript
jQuery中:only-child选择器用法实例
Jan 03 #Javascript
js中取得变量绝对值的方法
Jan 03 #Javascript
You might like
PHP令牌 Token改进版
2008/07/18 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
图片按比例缩放函数
2006/06/26 Javascript
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
2011/02/23 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
jQuery Dialog 取消右上角删除按钮事件
2016/09/07 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
2016/12/08 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
2017/04/18 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Python 日期时间datetime 加一天,减一天,加减一小时一分钟,加减一年
2020/04/16 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
泰国第一的化妆品网站:Konvy
2018/02/25 全球购物
高中美术教学反思
2014/01/19 职场文书
新护士岗前培训制度
2014/02/02 职场文书
文明风采获奖感言
2014/02/18 职场文书
优秀公益广告词大全
2014/03/19 职场文书
《大海那边》教学反思
2014/04/09 职场文书
建筑工地宣传标语
2014/06/18 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python
JavaScript实现简单的音乐播放器
2022/08/14 Javascript