<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. 【前端】怎样成长为一名优秀的前端project师---

    浅谈本人的经验.也算是与大家交流吧,本人眼下也是从事前端的工作,时间并不长,说的不好,请见谅. 首先,前端project师必须得掌握HTML.CSS和JavaScript. 仅仅懂当中一个或两个还不行 ...

  2. JfreeChart折线图 CSDN-李鹏飞

    今天公司里分配给我的工作是JfreeChart折线图本人之前也没接触过如今让我们大家一起完毕! 在这个公司,用到了太多的JfreeChart,今天就对折线图作一个总结,希望对大家有点帮助,我这里直接是 ...

  3. Freemarker 中的哈希表（Map）和序列（List）

    freemarlker中的容器类型有: 哈希表:是实现了TemplateHashModel或者TemplateHashModelEx接口的java对象,经常使用的实现类是SimpleHash,该类实现 ...

  4. jQuery 工具函数

    jQuery工具函数 一.$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游. mozilla mozilla相关 ...

  5. UILabel与UIFont的用法和属性的一些总结

    初始化一个UILabel对象,并初始化大小 UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 100, 100) ...

  6. Spring boot 使用Junt

    //@RunWith:启动器,SpringJUnit4ClassRunner:Spring整合JUnit4 //@SpringBootTest获取启动类,相当于@Contextconfiguartio ...

  7. 使用delphi 开发多层应用（十六）使用XMLRPC 实现basic4android 远程调用RTC服务（讲述了RTC的特点，其底层通讯协议是自己封装SOCK 库，与kbmmw 的适合场合不完全一样）

        RealThinClient (以下简称RTC) 也是一款delphi 多层开发的框架,由于其底层通讯协议是自己封装SOCK 库,抛弃了 大家诟病的indy,因此表现的非常稳定,效率也非常高, ...

  8. Vue.js新手入门指南

    最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在 ...

  9. p1694猴子 并查集

    有n只猴子,第一只尾巴挂在树上,剩下的n-1只,要么被其他的猴子抓住,要么抓住了其他的猴子,要么两者均有. 当然一只猴子最多抓两只另外的猴子,因为只有两只猴爪子嘛.现在给出这n只猴子抓与被抓的信息,并 ...

  10. linux驱动开发之九鼎板载蜂鸣器驱动测试【转】

    本文转载自:http://whylinux.blog.51cto.com/10900429/1932491 字符设备驱动用的fileopretion结构体. 1.板载蜂鸣器的驱动测试 我手里有一个BS ...