JavaScript常用函数片段

遍历选定元素的列表

如何遍历 NodeList 并对每个元素执行某些操作

jQuery: $.each()

设置、获取和删除 DOM 元素的属性

获取输入框字段的值或 a 标签的href，了解如何使用元素属性

jQuery: $.prop()

添加、删除类名

addClass，removeClass，hasClass-用于处理 DOM 元素类的三个重要函数

jQuery: $.addClass、$.removeClass、$.hasClass、$.toggleClass

设置、获取和删除数据属性(data-xxx 属性)

读取，写入或删除元素的数据值

jQuery: $.data()

获取、设置和删除属性

getAttribute，setAttribute，removeAttribute-修改属性，例如id，alt，title等

jQuery: $.attr()

设置和获取元素的CSS样式

获取计算的样式属性或设置元素的CSS属性。

jQuery: $.css()

获取并设置元素的滚动位置

获取或设置元素或文档的水平和垂直滚动位置

jQuery: $.scrollLeft()、$.scrollTop()

获取元素相对于其父元素的偏移位置

获取相基于父级的元素的顶部/左侧的偏移坐标

jQuery: $.position()

获取元素相对于文档的位置

获取元素相对于文档的当前上/左坐标

jQuery: $.offset()

获取元素的宽度和高度

获取元素的当前计算尺寸，包含活着不包含边框和边距

jQuery: $.width()、$.height()、$.outerWidth()、$.outerHeight()、$.innerWidth()、$.innerHeight()

发出跨域的 Ajax GET 请求

使用现代浏览器从不同域中的服务器异步加载数据

jQuery: $.ajax()

JSONP Ajax请求

JSONP允许异步加载数据，即使是从其他域中的服务器也是如此

异步加载脚本文件

如何从服务器异步加载JavaScript文件并自动执行

jQuery: $.getScript()

发送Ajax GET和POST请求

使用GET或POST HTTP请求从服务器异步加载数据。 设置数据类型（xml，json，脚本，文本，html）并解码返回的数据

jQuery: $.ajax()、$.get()、$.post()、$.getJSON()

将表单数据序列化为数组

将一组表单元素编码为名称和值的数组

jQuery: $.serializeArray()

将表单数据序列化为查询字符串

将一组表单元素编码为要提交的字符串

jQuery: $.serialize()

阻止默认动作或事件冒泡

如何取消事件或防止事件冒泡DOM树

jQuery: e.preventDefault()、e.stopPropagation()

从键盘事件获取键值

将事件处理程序绑定到键盘操作并检索触发事件的键值

jQuery: $.keypress()、$.keyup()、$.keydown()

获取当前鼠标位置

如何在鼠标移动或单击时获取当前鼠标位置

jQuery: $.mousedown()、$.click()、$.mouse...

当文档加载完成后执行代码

在文档“准备就绪”之前，无法安全地操纵页面。这是确保代码不会过早运行的方法

jQuery: $.live()、$.on()、$.bind()