jqury(源自runoob.com)

来源:互联网 发布:同志软件aloha 编辑:程序博客网 时间:2024/05/29 11:49


(1)dom事件属性(加粗为常用属性)
鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleaveblurunload 

$(document).ready() 方法允许我们在文档完全加载完后执行函数

click() 方法是当按钮点击事件被触发时会调用一个函数。

dblclick()  当双击元素时,会发生 dblclick 事件。

mouseenter() 当鼠标指针穿过元素时,会发生 mouseenter 事件。

mouseleave() 当鼠标指针离开元素时,会发生 mouseleave 事件。

mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

mouseup()  当在元素上松开鼠标按钮时,会发生 mouseup 事件。

hover()方法用于模拟光标悬停事件。(多个方法时中间用“,”进行分割)

focus() 当元素获得焦点时,发生 focus 事件。

blur() 当元素失去焦点时,发生 blur 事件。

(2)jqurey选择器

语法描述实例$("*")选取所有元素在线实例$(this)选取当前 HTML 元素在线实例$("p.intro")选取 class 为 intro 的 <p> 元素在线实例$("p:first")选取第一个 <p> 元素在线实例$("ul li:first")选取第一个 <ul> 元素的第一个 <li> 元素在线实例$("ul li:first-child")选取每个 <ul> 元素的第一个 <li> 元素在线实例$("[href]")选取带有 href 属性的元素在线实例$("a[target='_blank']")选取所有 target 属性值等于 "_blank" 的 <a> 元素在线实例$("a[target!='_blank']")选取所有 target 属性值不等于 "_blank" 的 <a> 元素在线实例$(":button")选取所有 type="button" 的 <input> 元素 和 <button> 元素在线实例$("tr:even")选取偶数位置的 <tr> 元素在线实例$("tr:odd")选取奇数位置的 <tr> 元素在线实例

(3)jQuery效果

(1)显示和隐藏

使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,且可在方法中加参数,单位:毫秒

您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

(2)淡入和淡出

 fadeIn() 用于淡入已隐藏的元素

 fadeOut() 方法用于淡出可见元素    它们都可以取以下值:"slow"、"fast" 或毫秒

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换

如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。

如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。


 fadeTo()  方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。

(3)滑动

 slideDown() 方法用于向下滑动元素。

slideUp() 方法用于向上滑动元素

 slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换 

如果元素向下滑动,则 slideToggle() 可向上滑动它们。

如果元素向上滑动,则 slideToggle() 可向下滑动它们。

它们可以取以下值:"slow"、"fast" 或毫秒




0 0
原创粉丝点击