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 控制 html元素 显示/隐藏实现代码
Sep 01 Javascript
javascript new后的constructor属性
Aug 05 Javascript
将string解析为json的几种方式小结
Nov 11 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
Jul 05 Javascript
javascript常用的正则表达式实例
May 15 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
JavaScript监听触摸事件代码实例
Dec 30 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中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php构造函数的继承方法
2015/02/09 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
jQuery 选择器、DOM操作、事件、动画
2010/11/25 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
微信JS接口大全
2016/08/25 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
Nodejs模块载入运行原理
2018/02/23 NodeJs
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
python 算法 排序实现快速排序
2012/06/05 Python
Python实现注册、登录小程序功能
2018/09/21 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
汽车促销活动方案
2014/03/31 职场文书
火箭队口号
2014/06/18 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
家长会标语
2014/06/24 职场文书
合作协议书格式
2014/08/19 职场文书
励志演讲稿800字
2014/08/21 职场文书
青涩记忆观后感
2015/06/18 职场文书
2015团员个人年度总结
2015/11/24 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python