jQuery总结:
结论
由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:
•把所有 jQuery 代码置于事件处理函数中:如:
$("button").click(function(){})
•把所有事件处理函数置于文档就绪事件处理器中
$("document").ready(function(){})
•把 jQuery 代码置于单独的 .js 文件中
•如果存在名称冲突,则重命名 jQuery 库 如:
var $jq=jQuery.noConflict();
$jq(document).ready(function(){
$jq("button").click(function(){
$jq("p").hide();
});
});
《A》选择器
1.对css的选择器:如
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取 id="demo" 的第一个 <p> 元素。
2.对属性的选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
3.元素的选择器
《B》事件:
ready() 文档就绪事件(当 HTML 文档就绪可用时)
blur() 触发、或将函数绑定到指定元素的 blur 事件
change() 触发、或将函数绑定到指定元素的 change 事件
click() 触发、或将函数绑定到指定元素的 click 事件
dblclick() 触发、或将函数绑定到指定元素的 double click 事件
error() 触发、或将函数绑定到指定元素的 error 事件
focus() 触发、或将函数绑定到指定元素的 focus 事件
keydown() 触发、或将函数绑定到指定元素的 key down 事件
keypress() 触发、或将函数绑定到指定元素的 key press 事件
keyup() 触发、或将函数绑定到指定元素的 key up 事件
load() 触发、或将函数绑定到指定元素的 load 事件
mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件
mouseout() 触发、或将函数绑定到指定元素的 mouse out 事件
mouseover() 触发、或将函数绑定到指定元素的 mouse over 事件
mouseup() 触发、或将函数绑定到指定元素的 mouse up 事件
resize() 触发、或将函数绑定到指定元素的 resize 事件
scroll() 触发、或将函数绑定到指定元素的 scroll 事件
select() 触发、或将函数绑定到指定元素的 select 事件
submit() 触发、或将函数绑定到指定元素的 submit 事件
unload() 触发、或将函数绑定到指定元素的 unload 事件
《C》效果:
show() 显示被选的元素
hide() 隐藏被选的元素
toggle() 对被选元素进行隐藏和显示的切换
Slide
slideDown() 通过调整高度来滑动显示被选元素
slideUp() 通过调整高度来滑动隐藏被选元素
slideToggle() 对被选元素进行滑动隐藏和滑动显示的切换
Fade in / out
fadeIn() 淡入被选元素至完全不透明
fadeOut() 淡出被选元素至完全不透明
fadeTo() 把被选元素减弱至给定的不透明度
Animation
animate() 对被选元素应用“自定义”的动画
stop() 停止在被选元素上运行动画
Queue
clearQueue() 对被选元素移除所有排队的函数(仍未运行的)
delay() 对被选元素的所有排队函数(仍未运行)设置延迟
dequeue() 运行被选元素的下一个排队函数
queue() 显示被选元素的排队函数