jQuery中:checkbox选择器用法实例

本文实例讲述了jQuery中:checkbox选择器用法。分享给大家供大家参考。具体分析如下：

此选择器能够匹配所有复选框。

语法结构:


代码如下:

$(":checkbox")

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<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程序设计有所帮助。

赞 (0)

相关推荐

  • ASP.NET服务器端控件RadioButtonList，DropDownList，CheckBoxList的取值、赋值用法

    这三个控件都有一个Items集合,可以用 RepeatLayout 和 RepeatDirection 属性来控制列表的呈现形式.如果 RepeatLayout 的值为 Table,那么将在表中呈现列表.如果设置成 Flow,那么将在没有任何表结构的情况下呈现列表.默认情况下,RepeatDirection 的值为 Vertical.将此属性设置成 Horizontal 将会使列表水平呈现. RadioButtonList:控件提供已选中一个选项的单项选择列表(数据源单选).与其他列表控件相似,

  • jsp中checkbox用法详解

    String[] picked = request.getParameterValues("open"); if (picked != null) { for (int i = 0;i < picked.length; i++) { // System.out.println("11"+picked[i]); uDao.getCheckOpen( picked[i]); } } 今天怀着惶恐的心情用了下checkbox,一直以为挺神秘的东西,可是当你决定静下心

  • smarty自定义函数htmlcheckboxes用法实例

    本文实例讲述了smarty自定义函数htmlcheckboxes用法.分享给大家供大家参考.具体如下: 访问文件:index.php: 复制代码 代码如下: <?php require_once('libs/Smarty.class.php'); $smarty = new Smarty(); $smarty->setTemplateDir($_SERVER['DOCUMENT_ROOT']."/php/templates/"); $smarty->setCompil

  • Android控件之CheckBox、RadioButton用法实例分析

    Android控件之CheckBox、RadioButton用法实例分析

    本文实例讲述了Android控件之CheckBox.RadioButton用法.分享给大家供大家参考.具体如下: CheckBox和RadioButton控件都只有选中和未选中状态,不同的是RadioButton是单选按钮,需要编制到一个RadioGroup中,同一时刻一个RadioGroup中只能有一个按钮处于选中状态. 以下为CheckBox和RadioButton常用方法及说明 以下为单选按钮和复选按钮的使用方法 目录结构: main.xml布局文件: <?xml version="

  • jQuery中:checkbox选择器用法实例

    本文实例讲述了jQuery中:checkbox选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够匹配所有复选框. 语法结构: 复制代码 代码如下: $(":checkbox") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

  • jQuery中:input选择器用法实例

    本文实例讲述了jQuery中:input选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有的input元素.例如:<input type="text" />等等 语法结构: 复制代码 代码如下: $(":input") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me

  • jQuery中:enabled选择器用法实例

    本文实例讲述了jQuery中:enabled选择器用法.分享给大家供大家参考.具体分析如下: 此选择器可以选取所有可用的元素. 语法结构: 复制代码 代码如下: $(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色

  • jQuery中:radio选择器用法实例

    本文实例讲述了jQuery中:radio选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有单选按钮. 语法结构: 复制代码 代码如下: $(":radio") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

  • Jquery中基本选择器用法实例详解

    本文实例讲述了Jquery中基本选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

  • jQuery中:text选择器用法实例

    本文实例讲述了jQuery中:text选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有的单行文本框. 语法结构: 复制代码 代码如下: $(":text") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

  • jQuery中:first选择器用法实例

    本文实例讲述了jQuery中first选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配指定元素集合中的第一个元素. 语法结构: 复制代码 代码如下: $(":first") 在使用中一般要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:first").css("color","green") 以上代码能够将li元素集合中的第一个li元素中的字体颜色设置为绿色. 如果不

  • jQuery中:lt选择器用法实例

    本文实例讲述了jQuery中:lt选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配所有小于给定索引值的元素. 索引值最小是从0开始的. 语法结构: 复制代码 代码如下: $(":lt(index)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等. 例如: 复制代码 代码如下: $("li:lt(3)").css("color","blue") 以上代码能够将索引小于3的li元素中的字体颜色

  • jQuery中:only-child选择器用法实例

    本文实例讲述了jQuery中:only-child选择器用法.分享给大家供大家参考.具体分析如下: 此选择器将匹配父元素的唯一子元素.如果其父元素中含有其他元素,那将不会被匹配. 语法结构: 复制代码 代码如下: $(":only-child") 此选择器一般也要和其他选择器配合使用,比如类选择器.元素选择器等等.例如: 复制代码 代码如下: $("li:only-child").css("color","blue") 以上代

  • jQuery中:password选择器用法实例

    本文实例讲述了jQuery中:password选择器用法,分享给大家供大家参考.具体分析如下: 此选择器能够选取所有密码框. 语法结构: 复制代码 代码如下: $(":password") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

随机推荐