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得到当前页的来路即前一页地址的方法
Feb 18 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
基于jquery实现日历签到功能
Sep 11 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
实现React单页应用的方法详解
Aug 02 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
详解react如何在组件中获取路由参数
Jun 15 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 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
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
php中get_defined_constants函数用法实例分析
2015/05/12 PHP
php获取当前url地址的方法小结
2017/01/10 PHP
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
zTree插件之多选下拉菜单实例代码
2013/11/06 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
纯Javascript实现ping功能的方法
2015/03/20 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
Vue.js实现价格计算器功能
2020/03/30 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
JS实现秒杀倒计时特效
2020/01/02 Javascript
vue实现购物车结算功能
2020/06/18 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
python框架flask表单实现详解
2019/11/04 Python
Python和Sublime整合过程图示
2019/12/25 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
python中pickle模块浅析
2020/12/29 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
详解css3 mask遮罩实现一些特效
2018/10/24 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
银行实习鉴定
2013/12/13 职场文书
模具专业毕业生自荐书范文
2014/02/19 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
毕业晚会主持词
2014/03/24 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
PHP实现两种排课方式
2021/06/26 PHP