JQuery参考手册及教程.docx
- 文档编号:2775306
- 上传时间:2022-11-15
- 格式:DOCX
- 页数:42
- 大小:28.91KB
JQuery参考手册及教程.docx
《JQuery参考手册及教程.docx》由会员分享,可在线阅读,更多相关《JQuery参考手册及教程.docx(42页珍藏版)》请在冰豆网上搜索。
JQuery参考手册及教程
jQuery参考手册
jQuery选择器
选择器
实例
选取
*
$("*")
所有元素
#id
$("#lastname")
id="lastname"的元素
.class
$(".intro")
所有class="intro"的元素
element
$("p")
所有
元素
.class.class
$(".intro.demo")
所有class="intro"且class="demo"的元素
:
first
$("p:
first")
第一个
元素
:
last
$("p:
last")
最后一个
元素
:
even
$("tr:
even")
所有偶数
:
odd
$("tr:
odd")
所有奇数
:
eq(index)
$("ulli:
eq(3)")
列表中的第四个元素(index从0开始)
:
gt(no)
$("ulli:
gt(3)")
列出index大于3的元素
:
lt(no)
$("ulli:
lt(3)")
列出index小于3的元素
:
not(selector)
$("input:
not(:
empty)")
所有不为空的input元素
:
header
$(":
header")
所有标题元素
-
:
animated
所有动画元素
:
contains(text)
$(":
contains('W3School')")
包含指定字符串的所有元素
:
empty
$(":
empty")
无子(元素)节点的所有元素
:
hidden
$("p:
hidden")
所有隐藏的
元素
:
visible
$("table:
visible")
所有可见的表格
s1,s2,s3
$("th,td,.intro")
所有带有匹配选择的元素
[attribute]
$("[href]")
所有带有href属性的元素
[attribute=value]
$("[href='#']")
所有href属性的值等于"#"的元素
[attribute!
=value]
$("[href!
='#']")
所有href属性的值不等于"#"的元素
[attribute$=value]
$("[href$='.jpg']")
所有href属性的值包含".jpg"的元素
:
input
$(":
input")
所有元素
:
text
$(":
text")
所有type="text"的元素
:
password
$(":
password")
所有type="password"的元素
:
radio
$(":
radio")
所有type="radio"的元素
:
checkbox
$(":
checkbox")
所有type="checkbox"的元素
:
submit
$(":
submit")
所有type="submit"的元素
:
reset
$(":
reset")
所有type="reset"的元素
:
button
$(":
button")
所有type="button"的元素
:
image
$(":
image")
所有type="image"的元素
:
file
$(":
file")
所有type="file"的元素
:
enabled
$(":
enabled")
所有激活的input元素
:
disabled
$(":
disabled")
所有禁用的input元素
:
selected
$(":
selected")
所有被选取的input元素
:
checked
$(":
checked")
所有被选中的input元素
jQuery事件方法
事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。
触发实例:
$("button#demo").click()
上面的例子将触发id="demo"的button元素的click事件。
绑定实例:
$("button#demo").click(function(){$("img").hide()})
上面的例子会在点击id="demo"的按钮时隐藏所有图像。
方法
描述
bind()
向匹配元素附加一个或更多事件处理器
blur()
触发、或将函数绑定到指定元素的blur事件
change()
触发、或将函数绑定到指定元素的change事件
click()
触发、或将函数绑定到指定元素的click事件
dblclick()
触发、或将函数绑定到指定元素的doubleclick事件
delegate()
向匹配元素的当前或未来的子元素附加一个或多个事件处理器
die()
移除所有通过live()函数添加的事件处理程序。
error()
触发、或将函数绑定到指定元素的error事件
event.isDefaultPrevented()
返回event对象上是否调用了event.preventDefault()。
event.pageX
相对于文档左边缘的鼠标位置。
event.pageY
相对于文档上边缘的鼠标位置。
event.preventDefault()
阻止事件的默认动作。
event.result
相对于文档上边缘的鼠标位置。
event.target
触发事件的DOM元素。
event.timeStamp
该属性返回从1970年1月1日到事件发生时的毫秒数。
event.type
描述事件的类型。
event.which
指示按了哪个键或按钮。
focus()
触发、或将函数绑定到指定元素的focus事件
keydown()
触发、或将函数绑定到指定元素的keydown事件
keypress()
触发、或将函数绑定到指定元素的keypress事件
keyup()
触发、或将函数绑定到指定元素的keyup事件
live()
触发、或将函数绑定到指定元素的load事件
load()
触发、或将函数绑定到指定元素的load事件
mousedown()
触发、或将函数绑定到指定元素的mousedown事件
mouseenter()
触发、或将函数绑定到指定元素的mouseenter事件
mouseleave()
触发、或将函数绑定到指定元素的mouseleave事件
mousemove()
触发、或将函数绑定到指定元素的mousemove事件
mouseout()
触发、或将函数绑定到指定元素的mouseout事件
mouseover()
触发、或将函数绑定到指定元素的mouseover事件
mouseup()
触发、或将函数绑定到指定元素的mouseup事件
one()
向匹配元素添加事件处理器。
每个元素只能触发一次该处理器。
ready()
文档就绪事件(当HTML文档就绪可用时)
resize()
触发、或将函数绑定到指定元素的resize事件
scroll()
触发、或将函数绑定到指定元素的scroll事件
select()
触发、或将函数绑定到指定元素的select事件
submit()
触发、或将函数绑定到指定元素的submit事件
toggle()
绑定两个或多个事件处理器函数,当发生轮流的click事件时执行。
trigger()
所有匹配元素的指定事件
triggerHandler()
第一个被匹配元素的指定事件
unbind()
从匹配元素移除一个被添加的事件处理器
undelegate()
从匹配元素移除一个被添加的事件处理器,现在或将来
unload()
触发、或将函数绑定到指定元素的unload事件
jQuery效果函数
方法
描述
animate()
对被选元素应用“自定义”的动画
clearQueue()
对被选元素移除所有排队的函数(仍未运行的)
delay()
对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()
运行被选元素的下一个排队函数
fadeIn()
淡入被选元素至完全不透明
fadeOut()
淡出被选元素至完全不透明
fadeTo()
把被选元素减弱至给定的不透明度
hide()
隐藏被选的元素
queue()
显示被选元素的排队函数
show()
显示被选的元素
slideDown()
通过调整高度来滑动显示被选元素
slideToggle()
对被选元素进行滑动隐藏和滑动显示的切换
slideUp()
通过调整高度来滑动隐藏被选元素
stop()
停止在被选元素上运行动画
toggle()
对被选元素进行隐藏和显示的切换
jQuery效果函数
方法
描述
animate()
对被选元素应用“自定义”的动画
clearQueue()
对被选元素移除所有排队的函数(仍未运行的)
delay()
对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()
运行被选元素的下一个排队函数
fadeIn()
淡入被选元素至完全不透明
fadeOut()
淡出被选元素至完全不透明
fadeTo()
把被选元素减弱至给定的不透明度
hide()
隐藏被选的元素
queue()
显示被选元素的排队函数
show()
显示被选的元素
slideDown()
通过调整高度来滑动显示被选元素
slideToggle()
对被选元素进行滑动隐藏和滑动显示的切换
slideUp()
通过调整高度来滑动隐藏被选元素
stop()
停止在被选元素上运行动画
toggle()
对被选元素进行隐藏和显示的切换
jQuery属性操作方法
下面列出的这些方法获得或设置元素的DOM属性。
这些方法对于XML文档和HTML文档均是适用的,除了:
html()。
方法
描述
addClass()
向匹配的元素添加指定的类名。
attr()
设置或返回匹配元素的属性和值。
hasClass()
检查匹配的元素是否拥有指定的类。
html()
设置或返回匹配的元素集合中的HTML内容。
removeAttr()
从所有匹配的元素中移除指定的属性。
removeClass()
从所有匹配的元素中删除全部或者指定的类。
toggleClass()
从匹配的元素中添加或删除一个类。
val()
设置或返回匹配元素的值。
jQueryCSS操作函数
下面列出的这些方法设置或返回元素的CSS相关属性。
CSS属性
描述
css()
设置或返回匹配元素的样式属性。
height()
设置或返回匹配元素的高度。
offset()
返回第一个匹配元素相对于文档的位置。
offsetParent()
返回最近的定位祖先元素。
position()
返回第一个匹配元素相对于父元素的位置。
scrollLeft()
设置或返
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JQuery 参考手册 教程
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1