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显示实现代码
May 04 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
Jul 05 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
js canvas画布实现高斯模糊效果
Nov 27 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
vue读取本地的excel文件并显示在网页上方法示例
May 29 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
typescript编写微信小程序创建项目的方法
Jan 29 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
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
CI框架给视图添加动态数据
2014/12/01 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
PHP执行linux命令常用函数汇总
2016/02/02 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
javascript制作的滑动图片菜单
2015/05/15 Javascript
easyui Droppable组件实现放置特效
2015/08/19 Javascript
一步步教大家编写酷炫的导航栏js+css实现
2016/03/14 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
express中static中间件的具体使用方法
2019/10/17 Javascript
详解vue 组件的实现原理
2020/11/12 Javascript
利用node.js开发cli的完整步骤
2020/12/29 Javascript
详解Python里使用正则表达式的ASCII模式
2017/11/02 Python
Python管理Windows服务小脚本
2018/03/12 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python实现差分隐私Laplace机制详解
2019/11/25 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
浅谈python锁与死锁问题
2020/08/14 Python
Python图像读写方法对比
2020/11/16 Python
四种会话跟踪技术
2015/05/20 面试题
自我反省检讨书
2014/01/23 职场文书
建筑工地大门标语
2014/06/18 职场文书
高中学生自我评价范文
2014/09/23 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
Nginx+Windows搭建域名访问环境的操作方法
2022/03/17 Servers