js-权威指南学习笔记19

第十九章 jQuery类库

1、传递HTML文本字符串给$()方法,jQuery会根据传入的文本创建好HTML元素并封装为jQuery对象返回。

2、想要遍历jQuery对象中的所有元素时,可以调用each()方法来代替for循环。回调函数里this关键字指代Element对象。each()方法还会将索引值和该元素作为第一个和第二个参数传递给回调函数。注意,this和第二个参数都是原生文档元素,而不是jQuery对象,如果想使用jQuery方法操作该元素,需要用$()封装它。

3、jQuery的each()和forEach()有一个显著区别:如果回调函数在任一个元素上返回false,遍历将在该元素后中止。

4、val()方法用来设置和获取HTML表单元素的value属性,还可用于获取和设置复选框、单选按钮一级<select>元素的选中状态。

5、offset()返回元素的绝对位置,是文档坐标。position()则返回相对于元素的offsetParent()的偏移量。

6、outerWidth()和outerHeight()通常返回的是包含元素内边距和边框的尺寸。如果传入true值,还可以返回包含元素外边距的尺寸。

7、clone()创建并返回每一个选中元素的一个副本。返回的jQuery对象的元素还不是文档的一部分。clone()不会复制事件处理程序和与元素关联的其他数据。如果想复制这些额外的数据,传入true。

8、包装元素。wrap()包装每一个选中的元素。wrapInner()包装每一个选中元素的内容。wrapAll()则将选中的元素作为一组来包装。

9、empty()会删除每个选中元素的所有子节点,但不会修改元素自身。remove()方法会从文档中移除选中元素,如果传入一个参数,会被作为选择器,移除匹配选择器的元素。

10、将元素重新插入文档前,移除操作是没有必要的,简单地将其插入新位置,就会移动它们。

11、detach()方法和remove()类似,但不会移除事件处理程序和数据,想临时从文档中移除元素以便后续再次插入时,detach()会更有用。

12、unwrap()方法可以实现元素的移除,它是包装元素的反操作。

13、可以在iframe和图片上使用load()方法。

14、hover()方法用来给mouseenter和mouseleave事件注册处理程序。调用hover(f,g)就和调用mouseenter(f)然后调用mouseleave(g)一样。也可表示为$("a").bind({mouseenter : f , mouseleave : g});

15、处理程序返回false时,与该事件相关联的默认操作,以及该事件接下来的冒泡都会被取消。等同于调用preventDefault()和stopPropagation()。

16、事件处理程序的高级注册,调用bind()。事件类型是第一个参数,处理程序是第三个参数。在这两个参数中间可以传入任何值,该值会被设置为Event对象的data属性,可以通过这种方式传递额外数据给处理程序,不需要使用闭包,有时很有用。

17、使用jQuery.event.trigger()工具函数,来全局触发事件,更高效,不冒泡。

18、如果想调用事件处理程序但不执行默认操作,可以使用triggerHandler()替代trigger()。

时间: 2024-11-08 01:37:49

js-权威指南学习笔记19的相关文章

js权威指南---学习笔记02

1.JS只有函数作用域,没有块级作用域这个概念: 它有一个特性——声明提前:在同一个函数中不同位置声明的变量,都被提前在函数开始的时候,执行声明操作:在原先位置执行赋值操作: 2.声明的全局变量,相当于定义了全局对象的一个属性: 1)如果使用var声明全局变量,这个属性是不可配置的.也就是无法delete 2)如果不使用var声明,则可以进行delete: 例子: var s1 = "s1";  //不可配置的全局变量 s2 = "s2";   //可配置的全局变量

js权威指南---学习笔记01

1.当函数赋值给对象的属性时,就变为了方法:2.被零整除不报错,只会返回无穷大(Infinity)或者负无穷大.例外:零除以零等于非数字(NaN).3.NaN与任何值都不相等! 4.Javascript采用二进制浮点数表示法(IEEE-754),会导致不能精确表示类似0.1这样简单的小数:     它只能表示1/(2^N)的和的任意组合.5.布尔值:真值和假值:      假值false:false.null.0.-0.""(空字符串).NaN.undefined     真值true

MongoDB权威指南学习笔记4---查询相关的知识点

1 find find({查询条件},{"key":1,"email":1})  后面表示返回哪些键 2 可用的比较操作符 $lt , $lte,$gt,$gte 比如db.users.find({"age":{"$gte":18,"$lte":30}}) 3不等于 find(...{"key":{"$ne":"value"}} 4 in find

JavaScript权威指南学习笔记之一

1.关于分号 javascript里面不强制使用分号来表示一行语句的结束,但是最好能够在写js之前,特别是在原有的js上面新增时,最好前置一个分号.避免这种情况发生:  2.JavaScript类型转换 3.关于=== ①如果类型不同则不等 ②null===null或undefined===undefined ③true===true或false===false ④NaN不等 ⑤0===0 0===-0 ⑥如果是同一个object,array,function则相等 4.关于== ①如果已经==

sencha touch权威指南---学习笔记5-经纬度获取计算直线距离

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <link rel="stylesheet" href="sdk-touch/resources/css/sencha-touch.

Git权威指南学习笔记(一)Git初始化

1.在Git中配置用户名和邮件地址 $ git config --global user.name "Jymn_Chen" $ git config --global user.email "[email protected]" 注意把用户名和邮件地址替换成你自己的资料. 在这里的参数global表示配置的作用范围是当前用户,如果将参数改为system,那么配置的作用范围是系统中的所有用户. 2.创建版本库 新建一个目录并cd到目录中,执行以下命令: $ git i

Git权威指南学习笔记(二)Git暂存区

如下图所示: 左侧为工作区,是我们的工作目录. 右侧为版本库,其中: index标记的是暂存区(stage),所处目录为.git/index,记录了文件的状态和变更信息. master标记的是master分支所代表的目录树.HEAD指向master分支. objects标记的是Git的对象库,所处目录为.git/objects,文件索引建立了文件和对象库中对象实体之间的映射关系. 通过该图我们可以清晰地看出add,commit等命令的转化关系.下面通过git diff和git status两条命

MongoDB权威指南学习笔记5---索引相关的知识点

1 查看查询计划 db.user.find({"username":"xxx"}) .explain() db.doc.find({"es_y":"2014"}).explain() {  "cursor" : "BasicCursor",  "isMultiKey" : false,  "n" : 0,  "nscannedObject

Hadoop权威指南学习笔记一

Hadoop权威指南学习笔记一 声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习参考,有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.net/my_acm 1. 数据的增长远远超过了磁盘的读取速度,传统的数据存储方式和分析方式变得不再适用于大数据的处理. Hadoop分为两大核心技术,HDFS(HadoopDistributed File System-分布式hadoop文件处理系统)和MapReduce(分为Map-数据映射等

《JS权威指南学习总结--开始简介》

本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考 其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心 各章节重点 简介 <JS权威指南学习总结--1.2客户端JS> 是:第二部分客户端JS 各章节重点 简介