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 相关文章推荐
Jquery 学习笔记(一)
Oct 13 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
原生JS实现的自动轮播图功能详解
Dec 28 Javascript
原理深度解析Vue的响应式更新比React快
Apr 04 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
Apr 20 Javascript
vue 数字翻牌器动态加载数据
Apr 20 Vue.js
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打包网站并在线压缩为zip
2016/02/13 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
jQuery中复合属性选择器用法实例
2014/12/31 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
详解JavaScript中的数组合并方法和对象合并方法
2018/05/11 Javascript
js module大战
2019/04/19 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
javascript实现留言板功能
2020/02/08 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
Python实现多行注释的另类方法
2014/08/22 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
python groupby 函数 as_index详解
2019/12/16 Python
Python网络爬虫四大选择器用法原理总结
2020/06/01 Python
Opencv求取连通区域重心实例
2020/06/04 Python
HTML5拖拽API经典实例详解
2018/04/20 HTML / CSS
Zadig&Voltaire官网:法国时装品牌
2018/01/05 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
下面关于"联合"的题目的输出是什么
2013/08/06 面试题
劳资专员岗位职责
2013/12/27 职场文书
初中校园之声广播稿
2014/01/15 职场文书
奥巴马当选演讲稿
2014/09/10 职场文书
2014年班干部工作总结
2014/11/25 职场文书
感谢信怎么写
2015/01/21 职场文书
委托书格式要求
2015/01/28 职场文书
同学联谊会邀请函
2019/06/24 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书