<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<title>使用jQuery表单对象属性过滤选择器 </title>

	<meta charset="utf-8">

	<script language="javascript" type="text/javascript" src="jquery-3.3.1.min.js"></script>

	<style type="text/css">

		body {

			font-size: 12px;

			text-align: center

		}

		div {

			display: none

		}

		select {

			height: 65px

		}

		.clsIpt {

			width: 100px;

			padding: 3px

		}

		.GetFocus {

			border: solid 1px #666;

			background-color: #eee

		}

		#fxm {

			float: left;

			margin: 100px

		}

	</style>

	<script type="text/javascript">

		$(function () {

			$("#btn0").click(function () {

				window.location.reload();

			})

			$("#btn1").click(function () {

				$("#divA").css("display", "block");

				$("#form1 input:enabled").addClass("GetFocus");

			})

			$("#btn2").click(function () {

				$("#divA").css("display", "block");

				$("#form1 input:disabled").addClass("GetFocus");

			})

			$("#btn3").click(function () {

				$("#divB").css("display", "block");

				$("#form1 input:checked").addClass("GetFocus");

			})

			$("#btn4").click(function () {

				$("#divC").css("display", "block");

				$("#Span2").html("" + $("select option:selected").text());

			})

		})

	</script>

</head>

<body>

	<form id="form1" style="width:241px">

		<div id="divA">

			<input type="text" value="hello" class="clsIpt" />

			<input type="text" disabled="disabled" value="world " class="clsIpt" />

		</div>

		<div id="divB">

			<input type="checkbox" checked="checked" value="1" />

			<input type="checkbox" value="0" />

		</div>

		<div id="divC">

			<select multiple="multiple">

				<option value="0">Item 0</option>

				<option value="1" selected="selected">Item 1</option>

				<option value="2">Item 2</option>

				<option value="3" selected="selected">Item 3</option>

			</select>

			<span id="Span2"></span>

		</div>

	</form>

		<button id="btn0">重置</button>

		<button id="btn1">增加表单中所有属性为可用的元素类别<button>

				<button id="btn2">增加表单中所有属性为不可用的元素类别</button>

				<button id="btn3">增加表单中所有被选中的元素类别</button>

				<button id="btn4">显示表单中所有被选中option的元素内容 </button>

</body>

</html>

　　

Jquery | 基础 | jQuery表单对象属性过滤选择器的更多相关文章

  1. jQuery选择器之表单对象属性过滤选择器Demo

    测试代码: 08-表单对象属性过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

  2. jQuery中的表单对象属性过滤选择器（四、八）：:enabled、:disabled、:checked、:selected

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  3. jQuery表单对象属性过滤选择器

    jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" ...

  4. 009 jquery过滤选择器-----------（表单对象属性过滤选择器 与 表单选择器）

    1.表单对象属性选择器 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  5. jQuery 基本选择器 层次选择器 过滤选择器 内容过滤选择器 可见过滤选择器 属性过滤选择器 表单对象属性过滤选择器

  6. jQuery选择器之表单对象属性筛选选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  7. jquery 表单对象属性筛选选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  8. jQuery选择器(表单元素过滤选择器)第八节

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

  9. JQuery表单元素过滤选择器

    此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素 ...

随机推荐

  1. 加载和执行 --《高性能JavaScript》

    1.起因: 每次遇到<script> 标签时,页面必须停下来等待代码下载并执行完,然后再继续处理其他部分. 2.减少JavaScript对性能的影响 1.将所有的JavaScript文件放 ...

  2. linux 输入子系统(2) platform device

      Input  platform  device 一般是在板级bsp注册了的资源. 以gpio-keys为例: #####################gpio_key.h############ ...

  3. mac系统不同java版本切换

    #确认jdk版本 /usr/libexec/java_home #会得到下面信息(不同版本显示不一样) /Library/Java/JavaVirtualMachines/jdk1.7.0_60.jd ...

  4. WPF数据验证（5）―― 错误模板

    <Style TargetType="{x:Type TextBox}">            <Setter Property="Validatio ...

  5. sanic官方文档解析之streaming(流动,滚动)和class_based_views(CBV的写法)

    1,streaming(流媒体) 1.1请求流媒体 Sanic允许你通过流媒体携带请求数据,如下,当请求结束await request.stream.read()就会返回None,仅仅只有post请求 ...

  6. CentOS笔记-磁盘管理

    Linux磁盘管理常用三个命令为df.du和fdisk. df:列出文件系统的整体磁盘使用量 du:检查磁盘空间使用量 fdisk:用于磁盘分区 df [-ahikHTm] [目录或文件名] -a : ...

  7. CentOS笔记-其他杂记

    1.忘记密码时,可以用single模式来修改密码,为了安全,可以禁用single模式,参考网址如下 Centos服务器禁止单用户模式(single)来增强系统安全 2.远程登录:ssh root@xx ...

  8. xamarin.android listview绑定数据及点击事件

    前言 listview是用来显示数据列表的一个控件,今天给大家带来如何使用cursor进行数据绑定以及点击事件. 导读 1.如何创建一个listview 2.如何使用cursor进行绑定数据 3.li ...

  9. date 命令 时间戳到标准格式转换

    1. 知道时间戳看标准时间, 时间戳到 秒: Wed Apr :: CST 2. 看到前时间时间戳格式 date +%s 3. 知道某个标准时间, 看时间戳 date -d "Wed Apr ...

  10. umask文件屏蔽字的使用【学习笔记】

    #include "apue.h" #include <fcntl.h> #define RWRWRW (S_IRUSR|S_IWUSR|S_IRGRP|S_IWGRP ...