第十九章 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. Shell - 简明Shell入门07 - 数组(Array)

    示例脚本及注释 #!/bin/bash test0=() # 定义数组 test1=(a b c d e f) # 定义数组 test2=( # 定义数组 'A?' "BB!" C ...

  2. ASP.NETCore学习记录(一)

    ASP.NETCore学习记录(一) asp.net core介绍  Startup.cs  ConfigureServices  Configure  0. ASP.NETCore 介绍 ASP.N ...

  3. spring boot 中使用swagger 来自动生成接口文档

    1.依赖包 <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swa ...

  4. (转)X-Frame-Options响应头缺失漏洞

    原文:https://blog.csdn.net/ljl890705/article/details/78071601 x-frame-options响应头缺失漏洞. 故名思意,就是返回的响应头信息中 ...

  5. (转)通过 Javacore 诊断线程挂起等性能问题

    原文:https://www.ibm.com/developerworks/cn/websphere/library/techarticles/1406_tuzy_javacore/1406_tuzy ...

  6. Intellij IDEA 编译等级与源代码等级不一致问题

    错误:Error:java: javacTask: source release 1.7 requires target release 1.7 原因:生成class字节码的java版本,低于了源代码 ...

  7. RandomStringUtils工具类

    //产生5位长度的随机字符串,中文环境下是乱码 RandomStringUtils.random(5); //使用指定的字符生成5位长度的随机字符串 RandomStringUtils.random( ...

  8. C#基础篇五值类型和引用类型

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace P01M ...

  9. Element ui tree树形控件获取当前节点id和父节点id

    低版本Element ui tree树形控件获取当前节点id和父节点id的方法:点击查看 最新版本Element ui tree树形控件获取当前节点id和父节点id教程: 1.找到node_modul ...

  10. mysql常用优化参数

    修改全站搜索 修改my.ini(my.cnf) ,在 [mysqld] 后面加入一行“ft_min_word_len=1”,然后 重启Mysql,再登录网站后台(模块管理->全站搜索)重建全文索 ...