jquery学习笔记.docx

JQUERY学
JQUERY选择器
语法
描述
$("*")
选取所有元素
$(this)
选取当前 HTML 元素
$("")
选取所有<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" 的<button> 元素和<input> 元素
$("tr:even")
选取偶数位置的<tr> 元素
$("tr:odd")
选取奇数位置的<tr> 元素
$(“.classname”)
.class选择器
$(“#IDNAME”)
ID选择器
$(“P”)
各种元素名选择器
JQUERY DOM常见事件
鼠标事件
键盘事件
表单事件
文档/窗口事件
click
keypress
submit
load
dblclick
keydown
change
resize
mouseenter
keyup
focus
scroll
mouseleave
 
blur
unload
mousedown
mouseup
Hover(会触发enter和leave两个事件)
JQUERY效果
语法
描述
$(selector).hide(speed,callback);
speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒; callback 参数是隐藏或显示完成后所执行的函数名称
$(selector).show(speed,callback);
同上
$(selector).toggle(speed,callback);
切换 hide() 和 show() 方法, 显示被隐藏的元素,并隐藏已显示的元素
$(selector).fadeIn(speed,callback);
参数同上, 淡入已隐藏的元素
$(selector).fadeOut(speed,callback);
参数同上, 淡出可见的元素
$(selector).fadeToggle(speed,callback);
参数同上, 淡入已隐藏的元素, 淡出可见的元素
$(selector).fadeTo(speed,opacity,callback);
Opacity值为0-1之间不透明度
$(selector).slideDown(speed,callback);
参数同上,向下滑动元素
$(selector).slideUp(speed,callback);
参数同上,向上滑动元素
$(selector).slideToggle(speed,callback);
参数同上,
$(selector).animate({params},speed,callback);
params 参数定义形成动画的 CSS 属性。必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,色彩动画不在这里生成.
$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此,默认地,stop() 会清除在被选元素上指定的当前动画。
Callback函数实例
$("button").click(function(){
  $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
  });
});
jQuery 方法链接在一起
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
jQuery DOM 获取内容和属性
DOM = Document Object Model(文档对象模型)
语法
描述
.t