第十九章 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()。

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

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

    1.JS只有函数作用域,没有块级作用域这个概念: 它有一个特性——声明提前:在同一个函数中不同位置声明的变量,都被提前在函数开始的时候,执行声明操作:在原先位置执行赋值操作: 2.声明的全局变量,相当 ...

  2. js权威指南学习笔记(四)对象

    1.创建对象 (1).通过对象直接量的方式创建 说明:对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间用逗号分隔,整个映射表用花括号括起来. 如:       5 5   ...

  3. js权威指南学习笔记(一)类型、值和变量

    1.数据类型:原始类型(primitive type) 和对象类型(object type) 原始类型包括数字.字符串和布尔值: 除数字.字符串.布尔值.null(空).undefined(未定义), ...

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

    1.当函数赋值给对象的属性时,就变为了方法:2.被零整除不报错,只会返回无穷大(Infinity)或者负无穷大.例外:零除以零等于非数字(NaN).3.NaN与任何值都不相等! 4.Javascrip ...

  5. js权威指南学习笔记(三)语句

    1.声明语句 如果用var声明的变量没有初始化,那么这个变量的值会被初始化为undefined. 函数声明语句的语法如下:       4 4           1 console.log(func ...

  6. js权威指南学习笔记(二)表达式与运算符

    1.数组初始化表达式 数组直接量中的列表逗号之间的元素可以省略,这时省略的空位会填充undefined.如:       2 2           1 var arr = [1,,,,,6]; 2 ...

  7. JavaScript 权威指南-学习笔记(一)

    本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...

  8. 《JS权威指南学习总结》

    JS权威指南学习总结:http://www.cnblogs.com/ahthw/category/652668.html

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

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

  10. HTTP权威指南-学习笔记

    目录 HTTP权威指南-学习笔记 HTTP: Web的基础 URL与资源 HTTP报文 连接管理 HTTP结构 Web服务器 代理 缓存 集成点: 网关,隧道及中继 Web机器人 识别,认证与安全 客 ...

随机推荐

  1. sed 横排扩展

    sed "$!N;s/\n/KEY/" FILENAME

  2. mongoose 基础api 图表整理

    一.背景 今天看 mongoose 的基础 API,参考了下面的链接做了图表以供查阅. 参考资料: http://www.cnblogs.com/xiaohuochai/p/7215067.html ...

  3. JSONP是什么

    摘自:https://segmentfault.com/a/1190000007935557 一.JSONP的诞生 首先,因为ajax无法跨域,然后开发者就有所思考 其次,开发者发现, <scr ...

  4. Scanner的概述与String类的构造和使用_DAY12

    1:Scanner的概述(理解) 1)Scanner是JDK5以后出现的方便我们从键盘接受数据的类. 2)Scanner的构造格式: Scanner sc = new Scanner(System.i ...

  5. (转)Python的web服务器

    1.浏览器请求动态页面过程 2.WSGI Python Web Server Gateway Interface (或简称 WSGI,读作“wizgy”). WSGI允许开发者将选择web框架和web ...

  6. Day.js - JavaScript时间处理库

    Day.js简介 在使用JavaScript处理时间方面,使用的时Moment.js,但是它太重了,有200多k,一般项目中可能也只是用了几个api而已,所以,这里推荐一个轻量的时间库 - Day.j ...

  7. 理解web service 和 SOA

    什么是SOA? SOA的全称为Service Oriented Architecture,即面向服务架构.这是一种架构理念.它的提出是在企业计算领域将耦合的系统划分为松耦合的无状态的服务.服务发布出来 ...

  8. 这个拖后腿的“in”

    问题之源 C# 7.2推出了全新的参数修饰符in,据说是能提升一定的性能,官方MSDN文档描述是: Add the in modifier to pass an argument by referen ...

  9. Android四大组件之一 -- Service详解

    相信大多数朋友对Service这个名词都不会陌生,没错,一个老练的Android程序员如果连Service都没听说过的话,那确实也太逊了.Service作为Android四大组件之一,在每一个应用程序 ...

  10. Javac中对import关键字进行的处理

    参考文章: (1)关于类的符号输入过程第二篇 ImportScope中存储的为ImportEntry,继承了Scope.Entry类并且多定义了个origin属性,也就是符号的最终来源.除此之外还对g ...