jQuer的一些方法

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 的数组

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值