第二篇 jquery 选择器
JQuery选择器优势：1.方便2.有完善的处理机制，当删除一些标签的时候也不会报错。
基本的选择器：
（1）$("#id") id选择器
（2）$(".class") 类别选择器
（3）$("element") 根据给定的元素名匹配元素
（4）$("*") 匹配所有元素
（5）$("select1,select3,select3")......将每一个选择器匹配到的元素合并后一起返回
ID选择器例子：
<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="工具/jquery-1.7.1.js"></script>
<script>
$(document).ready(function(){
$("#demo1").click(function(){
alert("谢谢！");
})
})
</script>
</head>
<body>
<p id="demo1">点击我</p>
</body>
</html>
层次选择器：
(1)$("div p")选取div元素里面所有的p元素（后代元素）
(2)$("div>p")选取div下面的直接子元素
(3)$("div + p")选取紧接着div后的p元素，之后被$("div").next("p")替代
(4)$("div ~p")选取div 元素之后的所有p元素，之后被$("div").nextAll("p")替代
(5)$("div").siblings("p")选取div所有的同辈p元素,无论前后位置
过滤选择器：过滤选择器都是以一个（：）开头
(1)基本过滤选择器：
：first 选取第一个元素
：last 选取最后一个元素
：not(selector)去除所有与给定选择器匹配的元素
：even 选取索引是偶数的所有元素，索引从0开始
：odd 选取索引时基数的所有元素，索引从0开始
：eq(index)选取索引等于index的所有元素（index从0开始）
：gt(index)选取索引大于index的所有元素（index从0开始）
：lt(index)选取索引小于index的所有元素（index从0开始）
：header选取所有的标题元素
：animated选取当前正在执行动画的所有元素
(2)内容过滤选择器
：contains(text) 选取含有文本为"text"的元素
：empty 选取不包含子元素或者文本的空元素
：has(selector) 选取含有选择器所匹配的元素的元素
：parent 选取含有子元素或者文本的元素
(3)可见性过滤选择器
：hidden 选取所有不可见的元素
：visible 选取所有课件的元素
(4)属性过滤选择器
[attribute] 选取拥有此属性的元素
[attribute=value]选取属性的值为value 的元素
[attribute！=value]选取属性的值不为value的元素
[attribute^=value]选取属性值以value开头的元素
[attribute$=value]选取属性值以value 结束的元素
[attribute*=value]选取属性值含有的元素
[selector1][selector2][selectorN]没选择一次，缩小一次范围
(5)子元素过滤选择器
：nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素或者奇偶元素（index从1
：first-child 选取每个父元素的第一个子元素
：last-child 选取每个父元素的最后一个子元素
：only-child 匹配父元素下面唯一的子元素
(6)表单对象属性过滤选择器
：enabled 选取所有可用元素
：disabled选取所有不可用元素
：checked 选取所有被选中的元素（单选 复选）
：selected选取所有被选中的选项元素（下拉列表）
表单选择器
：input 选取所有的<input>、<textarea>、<select>和<button>元素
：text 选取所有的单行文本框
：password选取所有的密码框
：radio 选取所有的单选框
：checkbox选取所有的多选框
：submit选取所有的提交按钮
：image 选取所有的图像按钮
：reset 选取所有的重置按钮
：button 选取所有的按钮
：file 选取所有的上传域
：hidden 选取所有的不可见元素
特殊符号的处理：
之后。。。。正在完善
分享到：
相关推荐
Jquery学习笔记 Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录，本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个...
**jQuery学习笔记（一）** 在深入探讨jQuery之前，我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
锋利的JQuery学习笔记
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库，它简化了网页文档对象模型（DOM）操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念，包括选择器、常用方法以及在...
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
**jQuery学习笔记** jQuery，作为一个轻量级的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧，帮助初学者快速上手。 ## 一...
《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源，由知名讲师韩顺平的课程实录整理而成，旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...
以下是对JQuery学习笔记的详细解析： 首先，JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异，导致开发跨浏览器的网页应用变得复杂。为了统一这些...
《jQuery学习笔记详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，因其简洁的语法和强大的功能，深受开发者喜爱。这份"jQuery学习笔记.rar"包含的资源旨在帮助你全面掌握jQuery，无论你是初学者还是有...
这里，我们有针对这两个主题的学习笔记和参考资料，包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先，`JavaScript培训.zip`可能包含的是对...
**jQuery学习笔记合集概述** jQuery是一个广泛应用于前端开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。这个"JQuery学习笔记合集"包含了三个部分，旨在帮助开发者从初级到高级...
在深入探讨jQuery的知识点之前，首先需要理解jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是其选择器，它允许开发者通过CSS样式的语法轻松选取HTML...
**jQuery学习笔记 jQuery API** jQuery，作为一款广泛使用的JavaScript库，极大地简化了DOM操作、事件处理、动画制作和Ajax交互。本笔记旨在帮助开发者快速上手并深入理解jQuery的核心概念和API。 ### 1. jQuery...
**jQuery学习笔记分享** 在Web开发中，jQuery是一个非常重要的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章：...
《圣思源jQuery学习笔记详解》 jQuery，作为一款强大的JavaScript库，自2006年发布以来，因其简洁易用的API和丰富的插件生态，迅速成为了前端开发者的重要工具。圣思源张龙老师的jQuery学习笔记，深入浅出地剖析了...
《锋利的jQuery学习笔记》是一份深入探讨jQuery框架的学习资料，主要针对想要掌握JavaScript库jQuery的开发者。jQuery是一款高效、简洁的JavaScript库，它极大地简化了JavaScript代码的编写，使得DOM操作、事件处理...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript代码的编写，使得网页交互变得更加简单。这个资源包含了作者在自学jQuery过程中积累的笔记，以HTML页面的形式呈现，方便阅读和...
《jQuery学习笔记详解》 jQuery，作为一款广泛应用于Web开发的JavaScript库，以其简洁的API、强大的功能和广泛的社区支持，极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。这篇学习笔记将深入探讨...
### jQuery学习笔记精心整理 #### 一、什么是jQuery 1. **定义**： - **第三方**：jQuery是由第三方组织或个人编写的函数库，并非浏览器内置或开发者自定义的函数，因此使用前需从官方网站（[www.jquery.com]...