index.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单选择器</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<form>
<input type="hidden" name="id" value="123" />
<input type="text" disabled="disabled" name="user" value="123" />
<input type="password" name="pass" value="456" />
<textarea></textarea>
<select name="city">
<!--option value="123">123</option-->
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<button></button>
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</form>
</body>
</html>
demo.js
$(function(){
//alert($('input').size());
//alert($('input').val());
//alert($('input').eq(1).val()); //这种写法语义不清晰
//alert($('input[type=password]').val()); //语义清晰一点
//alert($('input[name=user]').val());//推荐
//alert($('input[type=password][name=pass]').val());
//alert($('input').size());
//alert($(':input').size());
//alert($(':input[name=city]').val());
//alert($(':text').size());
//alert($(':password').size());
//alert($(':radio').size());
//alert($(':radio[name=sex]').eq(1).size());
//alert($(':radio[name=sex]').last().size());
//alert($('form :hidden').size());
//alert($('form :enabled').size());
//alert($('form :disabled').size());
//alert($('form :checked').size());
//alert($('form :selected').get(0));
alert($('form :selected').size());
});
相关推荐
**jQuery第七章上机练习与课后作业详解** 在学习jQuery的过程中，第七章通常涵盖了更高级和实用的技术，包括DOM操作、事件处理、动画效果以及AJAX交互等。本篇文章将详细探讨这些知识点，旨在帮助前端开发者提升...
### Jquery表单-层级-内容-属性-子元素选择器知识点整理 #### 一、Jquery表单元素选择器 在JQuery中，表单元素选择器主要用于选择表单中的特定元素，如按钮、输入框等。这些选择器简化了DOM操作，使得开发者能够...
在第七章的实例中，读者将有机会亲手实践这些功能，例如创建动态导航菜单、实现图片轮播效果、构建下拉列表和表单验证等。通过这些实例，不仅可以巩固理论知识，还能提升实际操作技能，理解jQuery如何与HTML和CSS...
总结，jQuery中文翻译第七章的内容涵盖了选择器、DOM操作、事件处理、动画效果以及Ajax交互等关键知识点。掌握这些知识，将使你在JavaScript开发中游刃有余，大大提高代码质量和开发效率。学习jQuery，不仅可以提升...
总结文件名“Chapter07”，这表明资料包包含了第七章的所有内容，包括PPT演示文稿和对应的练习及答案，为学习者提供了一个完整的自我学习或复习的资源包。通过深入学习这些材料，你可以扎实掌握HTML和CSS的基本原理...
在"Chapter07"这个压缩包文件中，我们可以预期找到与HTML第7章相关的练习题和解答，这可能包括了HTML的基本标签使用、表格、段落、标题、图像的嵌入、链接的创建，以及CSS的选择器、属性和盒模型等内容。练习题目...
jQuery的核心是它的选择器语法，它允许开发者通过CSS样式选择器轻松地选取DOM元素。例如，`$("#id")` 选择ID为"id"的元素，`$(".class")` 选择所有类名为"class"的元素。jQuery还提供了链式调用，使得多次操作可以...
为了解决旧版IE的问题，开发者可以尝试通过innerHTML而非DOM操作来生成单选框，或为动态生成的表单元素设置ID，从而利用ID选择器进行访问和操作。 示例中，我们看到一个基本的HTML结构，其中包括了隐藏的模板区域，...
**表单选择器** 用于选择特定的表单元素。 - **`:input`**: 匹配所有 `input`, `textarea`, `select` 和 `button` 元素。 - 示例：`$(":input")` - **`:text`**: 所有的单行文本框。 - 示例：`$(":text")` - **...
1. jQuery UI Datepicker：jQuery UI库中的日期选择器，易于使用，支持多种语言和自定义样式。 2. Bootstrap Datepicker：与Bootstrap框架兼容，提供多种预设样式和日期选择选项。 3. Flatpickr：轻量级且可高度定制...
---第07章嵌套循环 3.高级特性视频 ---第八章 ---第二章 ---第六章 ---第七章 ---第三章 ---第四章 ---第五章 ---第一章 4.mysql+JDBC ---jdbc ---mysql 5.jQuery制作网页特效 ---1.javaScript基础 ---2.javaScript...
jQuery的核心是选择器，它允许我们快速地选取DOM元素。例如，`$("#id")`用于选取ID为指定值的元素，`$(".class")`则选取具有特定类名的元素。jQuery对象提供了许多方法，如`html()`、`text()`和`val()`，用于获取或...
文档强调了在选择器配置中，需要特别设置，以便系统能够支持多记录的勾选操作。 通过这些知识点，我们可以对致远OA DEE开发的表单关联实例有一个全面的认识。这不仅包括了表单关联的基本概念，还包括了如何在实际...
在本课程"ACCP 8.0\S2\使用jQuery快速高效制作网页交互特效 第七章"中，我们将深入探讨如何使用jQuery库来创建引人入胜、响应式的网页交互效果。jQuery是一款强大的JavaScript库，它简化了JavaScript的许多复杂操作...
#### 七、属性过滤选择器 1. **`[attribute]`** (`$("div[id]")`): 选择具有指定属性的所有`div`元素。 - **示例**: 页面上有`<div id="example"></div>`，则`$("div[id]")`会选择这个`div`。 2. **`[attribute...
第五章 CSS选择器： 1. 选择器的种类：详细讲解了不同类型的选择器，包括标签选择器、类选择器、ID选择器等。 2. 选择器的优先级：解释了CSS选择器的优先级计算规则，以及如何解决样式冲突问题。 第六章 CSS样式...
2. 第二章详细讲解了jQuery的选择器，包括基本选择器、层次选择器、过滤选择器和表单选择器，通过实例加深理解。 3. 第三章聚焦于DOM操作，通过实例展示了jQuery简化DOM操作的方法。 4. 第四章分为事件和动画两部分...
### 第七章：插件开发与使用 jQuery拥有丰富的插件生态系统。我们将了解如何开发自己的jQuery插件，以及如何利用社区已有的插件如jQuery UI，增强网页功能。 ### 第八章：表单处理 在网页中，表单处理是不可或缺的...