jQuer的一些方法

- 日理万妓 2024-04-18 18:19 45阅读 0赞

## jQuery ##

> 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

$(document).ready(function(){
    	代码内容...
    });
    简写版本:
    $(function(){
    	代码内容...
    });

> 事件方法语句(以点击为例)

$('.button').click(function(){
    	代码内容...
    });

### jQuery的事件方法 ###

> bind()  
> 向元素添加事件处理程序  
> blur()  
> 添加/触发失去焦点事件  
> change()  
> 添加/触发 change 事件  
> click()  
> 添加/触发 click 事件  
> dblclick()  
> 添加/触发 double click 事件  
> delegate()  
> 向匹配元素的当前或未来的子元素添加处理程序  
> event.currentTarget  
> 在事件冒泡阶段内的当前 DOM 元素  
> event.data  
> 包含当前执行的处理程序被绑定时传递到事件方法的可选数据  
> event.delegateTarget  
> 返回当前调用的 jQuery 事件处理程序所添加的元素  
> event.isDefaultPrevented()  
> 返回指定的 event 对象上是否调用了 event.preventDefault()  
> event.isImmediatePropagationStopped()  
> 返回指定的 event 对象上是否调用了 event.stopImmediatePropagation()  
> event.isPropagationStopped()  
> 返回指定的 event 对象上是否调用了 event.stopPropagation()  
> event.namespace  
> 返回当事件被触发时指定的命名空间  
> event.pageX  
> 返回相对于文档左边缘的鼠标位置  
> event.pageY  
> 返回相对于文档上边缘的鼠标位置  
> event.preventDefault()  
> 阻止事件的默认行为  
> event.relatedTarget  
> 返回当鼠标移动时哪个元素进入或退出  
> event.result  
> 包含由被指定事件触发的事件处理程序返回的最后一个值  
> event.stopImmediatePropagation()  
> 阻止其他事件处理程序被调用  
> event.stopPropagation()  
> 阻止事件向上冒泡到 DOM 树，阻止任何父处理程序被事件通知  
> event.target  
> 返回哪个 DOM 元素触发事件  
> event.timeStamp  
> 返回从 1970 年 1 月 1 日到事件被触发时的毫秒数  
> event.type  
> 返回哪种事件类型被触发  
> event.which  
> 返回指定事件上哪个键盘键或鼠标按钮被按下  
> event.metaKey  
> 事件触发时 META 键是否被按下  
> focus()  
> 添加/触发 focus 事件  
> focusin()  
> 添加事件处理程序到 focusin 事件  
> focusout()  
> 添加事件处理程序到 focusout 事件  
> hover()  
> 添加两个事件处理程序到 hover 事件  
> keydown()  
> 添加/触发 keydown 事件  
> keypress()  
> 添加/触发 keypress 事件  
> keyup()  
> 添加/触发 keyup 事件  
> mousedown()  
> 添加/触发 mousedown 事件  
> mouseenter()  
> 添加/触发 mouseenter 事件  
> mouseleave()  
> 添加/触发 mouseleave 事件  
> mousemove()  
> 添加/触发 mousemove 事件  
> mouseout()  
> 添加/触发 mouseout 事件  
> mouseover()  
> 添加/触发 mouseover 事件  
> mouseup()  
> 添加/触发 mouseup 事件  
> off()  
> 移除通过 on() 方法添加的事件处理程序  
> on()  
> 向元素添加事件处理程序  
> one()  
> 向被选元素添加一个或多个事件处理程序。该处理程序只能被每个元素触发一次  
> $.proxy()  
> 接受一个已有的函数，并返回一个带特定上下文的新的函数  
> ready()  
> 规定当 DOM 完全加载时要执行的函数  
> resize()  
> 添加/触发 resize 事件  
> scroll()  
> 添加/触发 scroll 事件  
> select()  
> 添加/触发 select 事件  
> submit()  
> 添加/触发 submit 事件  
> trigger()  
> 触发绑定到被选元素的所有事件  
> triggerHandler()  
> 触发绑定到被选元素的指定事件上的所有函数  
> unbind()  
> 从被选元素上移除添加的事件处理程序  
> undelegate()  
> 从现在或未来的被选元素上移除事件处理程序  
> contextmenu()  
> 添加事件处理程序到 contextmenu 事件  
> $.holdReady()  
> 用于暂停或恢复.ready() 事件的执行

### jQuery的效果方法 ###

> animate()  
> 对被选元素应用"自定义"的动画  
> clearQueue()  
> 对被选元素移除所有排队函数（仍未运行的）  
> delay()  
> 对被选元素的所有排队函数（仍未运行）设置延迟  
> dequeue()  
> 移除下一个排队函数，然后执行函数  
> fadeIn()  
> 逐渐改变被选元素的不透明度，从隐藏到可见  
> fadeOut()  
> 逐渐改变被选元素的不透明度，从可见到隐藏  
> fadeTo()  
> 把被选元素逐渐改变至给定的不透明度  
> fadeToggle()  
> 在 fadeIn() 和 fadeOut() 方法之间进行切换  
> finish()  
> 对被选元素停止、移除并完成所有排队动画  
> hide()  
> 隐藏被选元素  
> queue()  
> 显示被选元素的排队函数  
> show()  
> 显示被选元素  
> slideDown()  
> 通过调整高度来滑动显示被选元素  
> slideToggle()  
> slideUp() 和 slideDown() 方法之间的切换  
> slideUp()  
> 通过调整高度来滑动隐藏被选元素  
> stop()  
> 停止被选元素上当前正在运行的动画  
> toggle()  
> hide() 和 show() 方法之间的切换

### jQuery的CSS/HTML方法 ###

> addClass()  
> 向被选元素添加一个或多个类名  
> after()  
> 在被选元素后插入内容  
> append()  
> 在被选元素的结尾插入内容  
> appendTo()  
> 在被选元素的结尾插入 HTML 元素  
> attr()  
> 设置或返回被选元素的属性/值  
> before()  
> 在被选元素前插入内容  
> clone()  
> 生成被选元素的副本  
> css()  
> 为被选元素设置或返回一个或多个样式属性  
> detach()  
> 移除被选元素（保留数据和事件）  
> empty()  
> 从被选元素移除所有子节点和内容  
> hasClass()  
> 检查被选元素是否包含指定的 class 名称  
> height()  
> 设置或返回被选元素的高度  
> html()  
> 设置或返回被选元素的内容  
> innerHeight()  
> 返回元素的高度（包含 padding，不包含 border）  
> innerWidth()  
> 返回元素的宽度（包含 padding，不包含 border）  
> insertAfter()  
> 在被选元素后插入 HTML 元素  
> insertBefore()  
> 在被选元素前插入 HTML 元素  
> offset()  
> 设置或返回被选元素的偏移坐标（相对于文档）  
> offsetParent()  
> 返回第一个定位的祖先元素  
> outerHeight()  
> 返回元素的高度（包含 padding 和 border）  
> outerWidth()  
> 返回元素的宽度（包含 padding 和 border）  
> position()  
> 返回元素的位置（相对于父元素）  
> prepend()  
> 在被选元素的开头插入内容  
> prependTo()  
> 在被选元素的开头插入 HTML 元素  
> prop()  
> 设置或返回被选元素的属性/值  
> remove()  
> 移除被选元素（包含数据和事件）  
> removeAttr()  
> 从被选元素移除一个或多个属性  
> removeClass()  
> 从被选元素移除一个或多个类  
> removeProp()  
> 移除通过 prop() 方法设置的属性  
> replaceAll()  
> 把被选元素替换为新的 HTML 元素  
> replaceWith()  
> 把被选元素替换为新的内容  
> scrollLeft()  
> 设置或返回被选元素的水平滚动条位置  
> scrollTop()  
> 设置或返回被选元素的垂直滚动条位置  
> text()  
> 设置或返回被选元素的文本内容  
> toggleClass()  
> 在被选元素中添加/移除一个或多个类之间切换  
> unwrap()  
> 移除被选元素的父元素  
> val()  
> 设置或返回被选元素的属性值（针对表单元素）  
> width()  
> 设置或返回被选元素的宽度  
> wrap()  
> 在每个被选元素的周围用 HTML 元素包裹起来  
> wrapAll()  
> 在所有被选元素的周围用 HTML 元素包裹起来  
> wrapInner()  
> 在每个被选元素的内容周围用 HTML 元素包裹起来  
> $.escapeSelector()  
> 转义CSS选择器中有特殊意义的字符或字符串  
> $.cssHooks  
> 提供了一种方法通过定义函数来获取和设置特定的CSS值

### jQuery的AJAX方法 ###

> $.ajax()  
> 执行异步 AJAX 请求  
> $.ajaxPrefilter()  
> 在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项  
> $.ajaxSetup()  
> 为将来的 AJAX 请求设置默认值  
> $.ajaxTransport()  
> 创建处理 Ajax 数据实际传送的对象  
> $.get()  
> 使用 AJAX 的 HTTP GET 请求从服务器加载数据  
> $.getJSON()  
> 使用 HTTP GET 请求从服务器加载 JSON 编码的数据  
> $.getScript()  
> 使用 AJAX 的 HTTP GET 请求从服务器加载并执行 JavaScript  
> $.param()  
> 创建数组或对象的序列化表示形式（可用于 AJAX 请求的 URL 查询字符串）  
> $.post()  
> 使用 AJAX 的 HTTP POST 请求从服务器加载数据  
> ajaxComplete()  
> 规定 AJAX 请求完成时运行的函数  
> ajaxError()  
> 规定 AJAX 请求失败时运行的函数  
> ajaxSend()  
> 规定 AJAX 请求发送之前运行的函数  
> ajaxStart()  
> 规定第一个 AJAX 请求开始时运行的函数  
> ajaxStop()  
> 规定所有的 AJAX 请求完成时运行的函数  
> ajaxSuccess()  
> 规定 AJAX 请求成功完成时运行的函数  
> load()  
> 从服务器加载数据，并把返回的数据放置到指定的元素中  
> serialize()  
> 编码表单元素集为字符串以便提交  
> serializeArray()  
> 编码表单元素集为 names 和 values 的数组