锋利的jquery第二版学习笔记

jquery系统学习笔记

一、初识:
jquery的优势:
1、轻量级(压缩后不到30KB)
2、强大的选择器(支持css1、css2选择器的全部 css3的大部分 以及一些独创的 加入插件的话还可支持XPath)
3、出色的Dom封装(简化原本复杂的操作)
4、可靠的事件处理机制(跨浏览器兼容性)
5、完善的Ajax操作(一个$.ajax()方法全部搞定)
6、不污染顶级变量(只使用了一个名为jQuery的对象 其别名$也可随时让出其控制权 见解决和其它库混用时解决冲突部分)
7、出色的浏览器兼容性(优秀的js库必备条件之一)
8、链式操作(点点操作 .end()方法返回上一个破坏性前的jQuery对象)
9、隐式迭代(jQuery中的方法被自动设计成操作jQuery对象(Dom集合)里的每一个Dom对象 而无需循环)
10、行为层与结构层分离(得益于选择器 类似css)
11、丰富的插件支持(jQuery的易扩展性 已经吸引了全球的开发者来编写jquery的插件)
12、完善的文档
13、开源

二、选择器(jquery的根基)
(支持css1 css2的全部 和 css3的绝对部分 以及一些特有的)
分类:基本选择器、层次选择器、过滤选择器和表单选择器(分类更易于记忆)

1、基本选择器
#id
.className
element
*
#id , .className

2、层次选择器
$("ancestor descendant") 后代选择器
$("parent>child") 子元素选择器
$("prev+next") 紧接着prev后的next元素 相当于 .next("选择器") 方法
$("prev~siblings") 选取prev后的所有siblings的兄弟元素 相当于nextAll()
备注: $("#prev").siblings("选择器") 方法选择#prev元素的所有的同辈元素

3、过滤选择器(与css中的伪类选择器方法相同 以一个冒号(:)开头)
过滤选择器:又分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤

基本过滤:
:first 选取第一个元素 如$("div:first") 选取所有div中的第一个
:last 选取最后一个元素
:not(selector) 去除所有与给定选择器匹配的元素
:even 选取索引是偶数的所有元素 索引从0开始 :odd 奇数行
:eq(index) 选取索引等于index的元素 :gt(index) 索引大于index 的 :lt(index) 索引小于index的
:header 选取所有标题元素 如 h1~h6
:animated 选取当前正在执行动画的元素

内容过滤选择器:
:contains(text) 选取含有文本内容为“text” 的元素
:empty 选取不包含子元素或文本的空元素(备注:有空格或者换行也不是空元素哦)
:has(selector) 选取“含有匹配元素的”

时间: 2024-10-09 02:58:04

锋利的jquery第二版学习笔记的相关文章

读《锋利的jQuery(第二版)》笔记

一下的数字表示第几个细节知识点.另外在<code></code>尖括号里包裹的表示是代码. 1)detach()和remove()一样,也是从DOM中去掉所有匹配的元素.但需要注意的是,这个方法不会把匹配的元素从jQuery对象中移除,因而可以在将来再使用这些匹配的元素.与remove()不同的是,所有绑定的事件.附加的数据等都会保留下来. 如果在替换之前,已经为元素绑定事件,替换后原先绑定的事件将会被替换的元素一起消失,需要在新元素上重新绑定事件. 2)jQuery提供了更简单的

DirectX 9.0c游戏开发手记之“龙书”第二版学习笔记之8: Chap10: Lighting

这一章讲的是光照.光照(lighting)是Direct3D中非常重要的概念,而与之相对应的是材质(material)的概念.如果没有材质的话,那么光照的作用也无法体现. 在较早一些的关于DirectX 9的编程入门书籍里,一般是使用D3DLIGHT9结构体来建立一个光源,而用D3DMATERIAL9结构体来定义物体的材质.我们要做的就是一些很琐碎的家务活,基本上就是创建这些结构体对象.设定其中的参数.启用光照之类的,至于具体实现的细节就非吾等所需(和所能)操心的了. 不过在我们的"龙书&quo

jQuery选择器集锦(读《锋利的jQuery(第二版)》所摘)

jQuery选择器分为基本选择器.层次选择器.过滤选择器和表单选择器. 过滤选择器可以分为基本过滤.内容过滤.可见性过滤.属性过滤.子元素过滤和表单对象属性过滤选择器. $("input:not(.myClass)")选取class不是myClass的<input>元素. $("input:even")选取索引是偶数的<input> 元素 $(":header")选取网页中所有的<h1>,<h2>,

MongoDB权威指南第二版学习笔记二

数据类型 MongoDB在保留JSON基本键/值对特性的基础上,添加了其他一些数据类型. null null用于表示空值或者不存在的字段:{“x”:null} 布尔型 布尔类型有两个值true和false {“x”:true} 数值 shell默认使用64位浮点型数值. {“x”:3.14} 或 {“x”:3} 对于整型值,可使用NumberInt类(表示4字节带符号整数)或NumberLong类(表示8字符带符号整数) {“x”:NumberInt(”3”)} {“x”:NumberLong(

MongoDB权威指南第二版学习笔记——MongoDB简介

MongoDB简介 MongoDB在功能和复杂性之间取得了很好的平衡,并且大大简化了原先十分复杂的任务,它具备支撑今天主流web应用的关键功能:索引.复制.分片.丰富的查询语法,特别灵活的数据模型.与此同时还不牺牲速度. MongoDB是一款强大.灵活,且易于扩展的通用型数据库.能扩展出非常多的功能,如二级索引.范围查询.排序.聚合,以及地理空间索引. 设计特点 易于使用 MongoDB是一个面向文档的数据库,比关系型数据库有更好的扩展性.用文档代替行.能够仅使用一条记录来表现发展的层次关系.

irectX 9.0c游戏开发手记之“龙书”第二版学习笔记之10: Chap12: Blending

这一章讲的是Blending,包括alpha 混合和alpha 测试两个方面.这一章的内容总体来说比较简单.然而,后面的习题却并不是很简单-- 下面是习题解答部分: 习题1部分: =============================================================================== 这道题让我们研究使用不同的blend factor和blendop所产生的效果.这个实现起来不难,我就不打算详细解释了,大家都能够看懂的.另外,为了简单,我就不

MongoDB权威指南第二版学习笔记(四)—增删改文档下

$slice 如果希望数组的最大长度是固定的,那么可以将 $slice 和 $push 组合在一起使用,就可以保证数组不会超出设定好的最大长度.$slice 的值必须是负整数. 假设$slice的值为10,如果$push 后的数组的元素个数小于10,那么所有元素都会保留.反之,只有最后那10个元素会保留.因此,$slice 可以用来在文档中创建一个队列. db.class.insert({"班级":"1班"}) WriteResult({ "nInsert

学习bash第二版 学习笔记 1 —— bash的简介、检测和安装

shell 区别于内核 是一款命令解析程序. Bourne Again shell (BASH), 创建用于GNU项目. GNU项目由Free Software Foundation(FSF)的Richard Stallman 始创,用于创建一个UNIX兼容的操作系统, 并使用该免费的发布版本替代所有的商业UNIX版本. ?? 你可能不能马上用bash.你的系统管理员可能将你的账号设置为使用系统上的 "标准" shell,你甚至不知道有没有其他shell可用. ?? 键入 echo $

C++Primer第5版学习笔记(三)

C++Primer第5版学习笔记(三) 第四/五章的重难点内容 你可以点击这里回顾第三章内容 因为第五章的内容比较少,因此和第四章的笔记内容合并.   第四章是和表达式有关的知识,表达式是C++的基础设施,本章由三部分组成:         1.表达式概念基础,包括表达式的基本概念,左值和右值的概念,优先级结合律,求值顺序.  2.各种运算符,主要包括算数\关系\逻辑\赋值\递增递减\成员访问\条件\位运算\sizeof\逗号运算符 这10种运算符.  3.类型转换,包括隐式和显式两种转换的规则