1.Window.onload 的JQuery方法
$(document).ready(function(){
//The Code!
})
可以简写为:
$(function(){
//The Code!
})
2.添加和去除Css类
$(function(){
$(“a.alink”).mouseover(function(){
this.addClass(“over”); //添加样式
}).mouseout(function(){
this.removeClass(“over”); //去除样式
})
})
3.动态切换样式
$funciotn(){
$(a.alink).click(function(){
This.toggleClass(“highline”); //动态切换,当有时去除,当没有时添加
})
}
4.给表格的偶数行添加样式
$(".mytable tr:even").addClass("tr1");
5.在选中元素上添加内容
如: $("p ").wrap(“<div class=’aa’></div >”);
原代码:<p>测试</p>
运行后效果: <div class=’aa’><p>测试</p></div >
6.直接获取、编辑内容
var sString = $(“p:frist”).text(); //获取第一个P标签的文本值
$(“p:last”).html(sString); //把值赋给最后一个P标签，以Html形式赋给，也就是说可以包含Html标签
7.页面元素有克隆
$(“img.eq(1)”).clone().appendTo($(“p”)); //将第一个图片克隆到所有的P标签中
8.事件的监听
$(“img”)
.bind (“click”,fnMyfun1=function(){ //添加事件1
$(“#show”).append(“事件1”); //在id为show的标签中添加文本
})
.bind (“click”,fnMyfun2=function(){//添加事件2
$(“#show”).append(“事件2”);
})
.bind (“click”,fnMyfun3=function(){//添加事件3
$(“#show”).append(“事件3”);
}) //可以同时添加多个事件
9.移除监听的事件
$(“input(type=button)”).click(function(){
$(“img”).unbind(“click”,” fnMyfun1”); //移除事件监听fnMyfun1
})
10.JQuery制作动画与特效――元素的显示与隐藏效果
$(“img”).hide();
$(“img”).hide(3000); //设置渐隐的时间，单位毫秒
$(“img”).show ();
$(“img”).show (3000);
还有更多特效如：fadeIn() fadeout() slideUp() slideDown()