jQuery 效果完整参考

jQuery 是一个广泛使用的 JavaScript 库，用于浏览器端 DOM 操作、事件处理、动画效果等。在本文中，我们将为程序员提供一份完整的 jQuery 效果参考，包含了多种 DOM 操作、事件处理、动画效果以及工具方法等。

DOM 操作

获取元素

• $(selector)：返回一个 jQuery 对象，包含了符合选择器的所有元素。
• $(element)：返回一个 jQuery 对象，包含了指定元素。
• $(html)：返回一个 jQuery 对象，包含了指定 HTML 字符串转换后的元素。
• $(callback)：在文档加载完成后执行回调函数。

操作元素

• $(selector).html()：获取或设置元素的 HTML 内容。
• $(selector).text()：获取或设置元素的文本内容。
• $(selector).attr(name, value)：获取或设置元素的属性。
• $(selector).prop(name, value)：获取或设置元素的属性。
• $(selector).val(value)：获取或设置表单元素的值。
• $(selector).addClass(class)：为元素添加一个或多个类。
• $(selector).removeClass(class)：从元素中删除一个或多个类。
• $(selector).toggleClass(class)：在元素中切换一个或多个类。

创建元素

• $(html)：创建指定 HTML 字符串转换后的元素。
• $('<div>')：创建指定标签名称的元素。
• $(document.createElement('div'))：创建指定标签名称的元素。

遍历元素

• $(selector).parent()：获取元素的父级元素。
• $(selector).parents()：获取元素的所有祖先元素。
• $(selector).children()：获取元素的所有子元素。
• $(selector).find(selector)：获取元素匹配选择器的子元素。

事件处理

事件绑定

• $(selector).click(callback)：为元素添加点击事件处理函数。
• $(selector).dblclick(callback)：为元素添加双击事件处理函数。
• $(selector).mousedown(callback)：为元素添加鼠标按下事件处理函数。
• $(selector).mouseup(callback)：为元素添加鼠标释放事件处理函数。
• $(selector).mousemove(callback)：为元素添加鼠标移动事件处理函数。
• $(selector).hover(overCallback, outCallback)：为元素添加鼠标移入和移出事件处理函数。
• $(selector).focus(callback)：为元素添加获得焦点事件处理函数。
• $(selector).blur(callback)：为元素添加失去焦点事件处理函数。
• $(selector).change(callback)：为元素添加值改变事件处理函数。
• $(selector).submit(callback)：为元素添加提交表单事件处理函数。
• $(selector).keydown(callback)：为元素添加键盘按下事件处理函数。
• $(selector).keyup(callback)：为元素添加键盘释放事件处理函数。
• $(selector).keypress(callback)：为元素添加键盘按下并释放事件处理函数。

事件解绑

• $(selector).off(eventName)：解绑指定事件类型的所有事件处理函数。
• $(selector).off(eventName, callback)：解绑指定事件类型和处理函数的事件处理函数。

事件触发

• $(selector).trigger(eventName)：触发指定事件类型的所有事件处理函数。
• $(selector).triggerHandler(eventName)：触发指定事件类型的第一个事件处理函数。

动画效果

显示和隐藏

• $(selector).show()：显示元素。
• $(selector).hide()：隐藏元素。
• $(selector).toggle()：切换元素的显示和隐藏状态。
• $(selector).fadeIn()：淡入元素。
• $(selector).fadeOut()：淡出元素。
• $(selector).fadeToggle()：切换元素的淡入和淡出状态。
• $(selector).slideDown()：下拉显示元素。
• $(selector).slideUp()：上拉隐藏元素。
• $(selector).slideToggle()：切换元素的下拉和上拉状态。

动画效果

• $(selector).animate(properties, options)：根据指定的 CSS 属性值和选项，执行动画效果。

工具方法

Ajax

• $.ajax(options)：发送 Ajax 请求。
• $.get(url, data, callback, dataType)：发送 HTTP GET 请求。
• $.post(url, data, callback, dataType)：发送 HTTP POST 请求。

插件开发

• $.fn.pluginName = function() {...}：添加一个 jQuery 插件。

以上就是 jQuery 的完整参考。希望本篇文章可以帮助程序员更加熟练地使用 jQuery。