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库与其他JS库冲突的解决办法
Feb 07 Javascript
javascript自执行函数之伪命名空间封装法
Dec 25 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
js中Image对象以及对其预加载处理示例
Nov 20 Javascript
JSON对象 详解及实例代码
Oct 18 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
Mar 13 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
原生JavaScript写出Tabs标签页的实例代码
Jul 20 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操作符与控制结构代码
2011/12/30 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
jquery dialog键盘事件代码
2010/08/01 Javascript
JS函数实现动态添加CSS样式表文件
2012/12/15 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
jQuery 获取页面li数组并删除不在数组中的key
2016/08/02 Javascript
bootstrap PrintThis打印插件使用详解
2017/02/20 Javascript
flag和jq on 的绑定多个对象和方法(必看)
2017/02/27 Javascript
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
js设计模式之单例模式原理与用法详解
2019/08/15 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
Python中类型关系和继承关系实例详解
2015/05/25 Python
Python的爬虫包Beautiful Soup中用正则表达式来搜索
2016/01/20 Python
Python实现网络端口转发和重定向的方法
2016/09/19 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
pandas DataFrame创建方法的方式
2019/08/02 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
前厅收银主管岗位职责
2014/02/04 职场文书
怎么写好自荐书
2014/03/02 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
如何用PHP websocket实现网页实时聊天
2021/05/26 PHP