JavaScript常用函数片段

使用简单的 JS 工具函数编写健壮的 web 应用,取代 jQuery

DOM事件

实时绑定事件处理程序

为现在、将来和给定选择器匹配的所有元素附加事件处理程序

jQuery: $(document).ready()

绑定和取消绑定事件处理程序

如何将处理程序函数附加或分离到事件(例如单击,焦点或提交)

jQuery: $.on()、$.bind()、$.live()、$.click()、$.focus()、$.submit()、etc.

触发事件

如何创建和分发事件. 与 jQuery 相对应的功能: $.trigger(), $.click(), $.blur(), $.keyup(), $.mousedown(), etc.

jQuery: $.trigger()、$.click()、$.focus()、$.submit()、etc.

特效

使用元素的属性做动画效果

如何使用JS和CSS3进行动画处理,例如淡入淡出,滑动或仅切换显示和隐藏。

jQuery: $.animate()、$.slideUp()、$.slideDown()、$.fadeIn()、$.fadeOut()

隐藏或显示元素

切换元素的显示属性以使其可见或不可见。

jQuery: $.show()、$.hide()、$.toggle()

工具函数

解析JSON字符串

接收格式正确的JSON字符串,并返回结果JavaScript值。

jQuery: $.parseJSON()

从字符串中去除开头和结尾的空白

从字符串的开头和结尾删除空格字符

jQuery: $.trim()

检测数组中是否存在某个值

在数组中搜索指定的值并返回其索引(如果找不到,则返回-1)

jQuery: $.inArray()

合并两个JavaScript对象

用另一个的键/值对扩展JavaScript对象

jQuery: $.extend()

设置cookie、获取cookie和删除cookie

简化在JavaScript中创建,读取和删除cookie