<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"><title>JQuery DEMO</title>
<style type="text/css">
</style>
<!--引入 jquery.js 文件-->
<script type="text/javascript" src="js/jquery/jquery-1.3.2.js">
</script>
<script type="text/javascript">
$(function(){
//改变表单内可用<input>元素的值
$("#form1 input:enabled").val("可用变化了！");
//改变表单内不可用<input>元素的值
$("#form1 input:disabled").val("不可用变化了！");
//获取多选框中的个数
alert("多选框选中的个数为:"+$("input:checked").length);
//获取下拉框选中的内容
alert("下拉框选中的内容为:"+$("select :selected").text());
//获取表单内表单元素的个数 不一定指的是 <input>标签
alert("表单内input的个数:"+$("#form1 :input").length);
//获取表单内单行文本框的个数
alert("表单内text的个数:"+$("#form1 :text").length);
});
</script>
</head>
<body>
<form id="form1" action="#">
<p> 可用元素:<input name="add" value="可用文本框"/>
<p> 不可用元素:<input name="add" disabled ="true" value="不可用文本框"/>
<p> 可用元素:<input name="che" value="可用文本框"/>
<p>
不可用元素:<input name="chu" disabled ="true" value="不可用文本框"/>
<hr>
多选框
<p>
<input type="checkbox" name="email" checked="checked" value="1">choose one
</p>
<p>
<input type="checkbox" name="email" value="2">choose 2
</p>
<p>
<input type="checkbox" name="email" value="3">choose 3
</p>
<p>
<input type="checkbox" name="email" value="4">choose 4
</p>
<p>
<input type="checkbox" name="email" checked="checked" value="5">choose 5
</p>
<p>
<select name="test1" multiple="multiple" size="5">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>天津</option>
<option selected="selected">北京</option>
<option>湖北</option>
</select>
</p>
<p>
<select name="test2" >
<option>浙江</option>
<option>湖南</option>
<option>天津</option>
<option selected="selected">北京</option>
<option>湖北</option>
</select>
</p>
</form>
</body>
</html>
分享到：
相关推荐
### Jquery表单-层级-内容-属性-子元素选择器知识点整理 #### 一、Jquery表单元素选择器 在JQuery中，表单元素选择器主要用于选择表单中的特定元素，如按钮、输入框等。这些选择器简化了DOM操作，使得开发者能够...
总结，JQ表单对象属性过滤选择器是jQuery中用于高效选取和操作表单元素的强大工具。熟练掌握它们，能让你在处理DOM操作时更加游刃有余，提高代码质量和开发效率。通过学习和实践，你将能够灵活运用这些选择器解决...
在本例中，我们关注的是jQuery中的表单对象属性过滤选择器，这些选择器专门用于筛选表单元素，如输入(input)、复选框(checkbox)、单选按钮(radio)以及下拉列表(select)的选项(option)。以下是对这些选择器的详细说明...
本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>2-11<...
jQuery 3.1 标准课程第二章 选择器表单对象属性选择器
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
<script type='text/javascript' src='jquery-1.4-min.js'> <script type='text/javascript' src='script.js'></script> ``` - **使用CDN服务**: 可以通过CDN服务来快速引入jQuery，提高页面加载速度。 ```...
#### 表单对象选择器 1. **:input**: 包括所有`<input>`, `<textarea>`, `<select>`, `<button>`等表单元素。 2. **:text**: 所有文本输入框。 3. **:password**: 密码输入框。 4. **:radio**: 单选按钮。 5. **:...
jquery插件jquery-ui-timepicker-addon.j
**jQuery摄像头插件jquery-webcam-plugin** 在网页开发中，集成摄像头功能可以帮助用户实时捕捉图像，广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库，它...
#### 内容过滤选择器 - `$("div:animated")`选取正在执行动画效果的所有`<div>`元素。 - `$("div:contains('John')")`选取含有文本“John”的所有`<div>`元素。 - `$("td:empty")`选取所有空的`<td>`元素。 - `$(...
《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域，jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展，提供了丰富的用户界面组件...
在深入了解和使用这些选择器和方法时，可以参考W3School提供的jQuery参考手册，手册中包含了所有jQuery对象和函数的完整参考，以及大量的在线实例，方便开发者查阅和学习。 为了确保文档的通顺性，部分由于扫描技术...
简单的JQuery表单过滤器演示，对初学者应该有帮组！
jQuery支持CSS选择器，包括ID选择器（#id）、类选择器（.class）、元素选择器（tag）、属性选择器（[attr]）等。更高级的选择器如后代选择器（`>`）、兄弟选择器（`+`和`~`）以及组合选择器（`,`）使定位元素更为...
这个压缩包包含两个关键文件：`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`，这些都是jQuery UI的特定版本，即1.8.16。这个版本在当时是一个广泛使用的稳定版本，提供了丰富的功能和组件。 ...
通过以上知识点，我们可以看出 `jquery.editable-select` 是一个强大且灵活的工具，能够显著提升用户在选择操作中的体验，尤其适合需要动态过滤和自定义输入的场景。正确地理解和运用这些知识点，将使你在实际项目中...
**jQuery表单选择器源码解析** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在jQuery中，表单选择器是用于高效地定位和操作HTML表单元素的重要工具...