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