项目名称 | 项目名称 |
元素选择器 | |
$("#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 | 删除元素,删除被选元素的子元素 |