jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。
$("*") 选取所有元素
$(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> 元素
入口函数
1,标准
$(document).ready(function(){
})
2,简写
$(function(){
})
事件
click() 单次点击
dblclick() 双击
mouseenter() 当鼠标指针穿过(进入)被选元素时
mouseover() 当鼠标指针位于元素上方时,会发生 mouseover 事件
区别:mouseover 事件在鼠标移动到选取的元素及其子元素上时触发 。 mouseenter 事件只在鼠标移动到选取的元素上时触发。
mouseleave() 当鼠标指针离开被选元素时,会发生 mouseleave 事件。
keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开
keypress() 方法触发 keypress 事件,或规定当发生 keypress 事件时运行的函数。
keypress 事件与 keydown 事件类似。当按钮被按下时发生该事件。
然而,keypress 事件不会触发所有的键(比如 ALT、CTRL、SHIFT、ESC)
hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数
$(selector).hover(inFunction,outFunction)
submit() 当提交表单时,会发生 submit 事件。该事件只适用于 <form> 元素。
change() 当元素的值改变时发生 change 事件(仅适用于表单字段)
focus() 当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。
blur() 当元素失去焦点时发生 blur 事件
resize() 当调整浏览器窗口大小时,发生 resize 事件
scroll() 当用户滚动指定的元素时,会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。
效果
隐藏和显示
hide() 隐藏
show() 显示
toggle() 隐藏和显示 切换
淡入淡出
fadeIn()
fadeOut()
fadeToggle()
fadeTo() 允许渐变为给定的不透明度(值介于 0 与 1 之间)
滑动
slideDown()
slideUp()
slideToggle()
动画
animate() 用于创建自定义动画 $(selector).animate({params},speed,callback);
停止动画
stop() 方法用于停止动画或效果,在它们完成之前。 适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画