以下内容均是来自《锋利的jQuery》，发到这里，纯属做个笔记，方便查阅。
直接看代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.3.1.js">
</script>
<script type="text/javascript">
$().ready(
function() {
//表单对象属性过滤选择器
//1改变表单内可用元素的值
//$('#form1 input:enabled').val("这里变化了");
//2改变表单内不可用元素的值
//$('#form1 input:disabled').val("这里变化了");
//3选取多选框中选中的个数
//alert($('#form1 input:checked').length);
//4选取下拉框中选中的内容
alert($('#form1 select :selected').length);
}
);
</script>
</head>
<body>
<form action="" id="form1">
可用元素：<input name="add" value="可用文本框"/><br/>
不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
可用元素：<input name="che" value="可用文本框"/><br/>
不可用元素：<input name="name" disabled="disabled" value="不可用文本框"/><br/>
<br/>
多选框：<br/>
<input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
<input type="checkbox" name="newsletter" value="test2"/>test2
<input type="checkbox" name="newsletter" value="test3"/>test3
<input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
<input type="checkbox" name="newsletter" value="test5"/>test5
<div></div>
<br/><br/>
下拉列表:<br/>
<select name="test" multiple="multiple" style="height:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selected="selected">天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<br/><br/>
下拉列表2：<br/>
<select name="test2">
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<div></div>
</form>
</body>
</html>
分享到：
相关推荐
在jQuery中，选择器分为多种类型，包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**：主要包括`$()`，用于选取一个或多个DOM元素...
jQuery城市选择器是网页表单设计中常用的一种组件，通过合理的数据结构和事件驱动，实现了级联选择的效果。理解其工作原理，并结合实际项目需求进行优化，能有效提升网站的用户体验和交互性。随着前端技术的不断发展...
jQuery颜色选择器是一种在网页开发中常用的前端工具，它极大地简化了用户在网页上选取颜色的过程。这个插件，称为colpick，是基于jQuery库构建的，为网页设计师和开发者提供了一个直观、易于集成的颜色选择界面。...
jQuery颜色选择器是一种在网页开发中常用的交互组件，它允许用户通过图形化界面选取颜色，通常集成在HTML表单中，用于输入颜色值。在网页设计中，这种选择器为用户提供了一种直观、便捷的方式来设定元素背景色、字...
【基于jQuery实现的地址选择器】是一种常用的前端交互组件，常用于用户在填写表单时选择他们的居住地或发货地址。这种组件通过级联下拉菜单的形式，展示省、市、区、乡镇、社区等多级行政区域，使得用户能够方便快捷...
其中，颜色选择器作为一个常用的组件，能让用户方便地选取所需的颜色，提升用户体验。本文将深入探讨一款优秀的jQuery颜色选择器插件——colpick，它以其简洁的界面、丰富的功能和良好的可定制性，深受开发者喜爱。 ...
基本选择器是jQuery中最常用的，它们通过元素的id、class和标签名来选取元素。 - **id选择器**：通过元素的id来选取，用`#`前缀标识。例如`$('#testID')`选取id为`testID`的元素。 - **类选择器**：通过元素的class...
基本选择器是jQuery中最常用的类型之一，它们提供了简单的DOM元素选择方式。通过这些选择器，开发者可以快速定位到页面中的特定元素。 **代码示例与返回值：** 1. **根据给定的ID匹配一个元素** - **选择器:** `#...
jQuery中的常用选择器
jQuery选择器是jQuery库的核心功能之一，用于高效地定位并操作网页中的DOM元素。通过使用jQuery选择器，开发者可以轻松地选取需要的HTML元素，并执行一系列的DOM操作，如添加样式、修改内容或绑定事件等。 1. **...
以下是关于 jQuery 常用选择器分类及其用法的详细说明： ### 一、基本选择器 1. **ID 选择器**：使用 `#` 符号指定元素的 ID。例如，`$("#myID")` 会选取 ID 为 "myID" 的元素。 2. **Class 选择器**：使用 `.` ...
本教程将基于提供的"jquery一些案列和一些选择器"来深入理解jQuery的核心概念和常用选择器。 1. **jQuery引入** 在HTML文档中，可以通过在`<head>`标签内添加`<script>`标签来引入jQuery库。通常，我们从CDN（内容...
这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例，帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS，可以轻松地选取...
jQuery通过选择器语法大大简化了DOM元素的选取，使得开发者能够更快速地定位到页面上的特定元素。 接下来，我们逐一分析这些插件： 1. **jQuery UI Dialog 插件**：Dialog插件是jQuery UI库的一部分，它允许开发者...
例如，通过`$()`选择器可以轻松选取HTML元素，`$(element).click(function() {...})`可以绑定点击事件，`$(element).hide()`和`$(element).show()`用于元素的显示和隐藏，而`$(element).animate()`则实现了平滑的...
基本选择器是jQuery中最常用的选择器之一，用于快速定位文档中的特定元素。它包括： - **ID选择器**：`#id` - 匹配文档中带有指定ID的单一元素。例如，`$("#test")`选取id为`test`的元素。 - **类选择器**：`....
### jQuery常用功能详解 #### 一、页面元素的引用 在使用jQuery时，最基础的操作之一就是选择页面上的元素。这通常通过`$()`符号来完成。jQuery的强大之处在于它支持多种选择器语法，比如： - **ID选择器**：通过...
### jQuery常用插件详解 #### 1. Horizontal Accordion: jQuery **知识点**: 水平方向折叠控件，基于jQuery开发，设计简洁，适用于快速实现网页中的菜单或信息展示板块。 #### 2. jQuery-HorizontalAccordion **...
首先，`jquery.miniColors.css`是插件的主题样式文件，包含了颜色选择器的布局和样式定义。在网页中引入此CSS文件，可以确保颜色选择器的外观与网页设计保持一致。文件中可能包括了颜色选择面板的尺寸、背景色、按钮...