项目名称 项目名称
元素选择器
$("#menu").hover(over, out); 模仿鼠标悬停事件
$("#menu").hover(function(){ // over }, function(){ // out }); 第一匿名函数表示移入事件,第二个匿名函数表示移出事件
$("a[rel=external]").attr("target", "_blank");
$("a[href=#]").click();
$("a[data-name=docu]").click(function(){ alert($(this).attr("data-news")); }); 设置点击事件,获取对应的主键ID
$(this).parent().addClass("have"); 获取父级元素。
$(this).children("span").addClass("have"); 获取子级元素。
eq 将匹配元素集缩减值指定 index 上的一个,示例:$(".lima").eq(i).attr("data-id"),代替 for 循环中非 jquery 方式的 [i]
项目名称 项目描述
attr 设置或返回被选元素的属性值,示例:$("#send_code").attr("onclick", "send_email_code();");
css 设置或返回匹配的元素的一个或多个样式属性,示例:$("#send_code").css("color", "#000000");
fadeIn 淡入效果,即慢慢显示,单位毫秒,示例:$("#first").fadeIn(1000);
fadeOut 淡出效果,即慢慢隐藏,单位毫秒,示例:$("#first").fadeOut(1000);
ready 当 ready 事件发生时执行的代码。
show 显示元素,单位毫秒,示例:$("#first").show(3000);
addClass 添加样式,示例:$(this).addClass("have");
removeClass 删除样式,示例:$("#lima_"+data_id+"").children("span").removeClass("have");
bind 事件绑定,参考:3dpma.com
项目名称元素添加、删除器 项目名称
append 在被选元素的结尾(仍然在内部)插入指定内容,示例:$("#second").append("添加文本或 html 代码");
after 同级元素,在被选元素之后插入内容,通常情况下是 html 标记加内容,示例:$(this).after("<i>x</i>");
before 同级元素,在被选元素之前插入内容,通常情况下是 html 标记加内容,示例:$(this).before("<i>x</i>");
remove 删除元素,删除被选元素及其子元素,示例:$("#lima_"+data_id+"").children("i").remove();
empty 删除元素,删除被选元素的子元素