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 相关文章推荐
通过url查找a元素并点击
Apr 09 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
Node.js常用工具之util模块
Mar 09 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
JavaScript实现音乐自动切换和轮播
Nov 05 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
Apr 26 Javascript
vue滑动吸顶及锚点定位的示例代码
May 10 Javascript
使用Vant完成通知栏Notify的提示操作
Nov 11 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四舍五入精确小数位及取整
2014/01/14 PHP
PHP获取客户端真实IP地址的5种情况分析和实现代码
2014/07/08 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
HTML Color Picker(js拾色器效果)
2013/08/27 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
vue 动态表单开发方法案例详解
2019/12/02 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
html5 canvas绘制网络字体的常用方法
2019/08/26 HTML / CSS
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
高级Java程序员面试要点
2013/08/02 面试题
横空出世观后感
2015/06/09 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
护士工作心得体会
2016/01/25 职场文书
《神奇的鸟岛》教学反思
2016/02/22 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python
js之ajax文件上传
2021/05/13 Javascript
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript