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 相关文章推荐
理解JavaScript变量作用域更轻松
Oct 25 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
Apr 13 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
javascript json字符串到json对象转义问题
Jan 22 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
Vue实现背景更换颜色操作
Jul 17 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绘图函数实现简单验证码功能的方法
2016/10/18 PHP
广告切换效果(缓动切换)
2009/05/27 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
js 去掉字符串前后空格实现代码集合
2017/03/25 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
详解vue express启动数据服务
2017/07/05 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
[59:53]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第二场 3月6日
2021/03/11 DOTA
Python使用matplotlib简单绘图示例
2018/02/01 Python
python实现聊天小程序
2018/03/13 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
python3 对list中每个元素进行处理的方法
2018/06/29 Python
对pytorch网络层结构的数组化详解
2018/12/08 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
Python中flatten( ),matrix.A用法说明
2020/07/05 Python
安装pyinstaller遇到的各种问题(小结)
2020/11/20 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
英国标志性奢侈品牌:Burberry
2016/07/28 全球购物
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
如何开启linux的ssh服务
2015/02/14 面试题
档案接收函格式
2015/01/30 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL