jQuery 常用方法

监听事件

方法	含义
名词解释：selector	选择器$(“p”)、$(“p.intro”)、$(“p#demo”) .class #id
$(document).ready(function)	当文档完成加载时
$(selector).click(function)	元素的点击事件
$(selector).dblclick(function)	元素的双击事件
$(selector).focus(function)	获得焦点事件
$(selector).mouseover(function)	鼠标悬停事件

获得内容和属性

方法	含义
$(“selector”).text(“有参数为修改”)	设置或返回所选元素的文本内容
$(“selector”).html(“有参数为修改”)	设置或返回所选元素的内容（包括 HTML 标记）
$(“selector”).val(“有参数为修改”)	设置或返回表单字段的值
$(“selector”).attr(“属性值”,“第二个参数为修改”)	方法用于获取属性值

插入删除数据

方法	含义
$(“selector”).append("<li>Appended item</li>");	元素的结尾插入内容（无回车）
$(“selector”).prepend("<li>Appended item</li>");	元素的开头插入内容（无回车）
$(“selector”).after("<li>Appended item</li>");	元素之后插入内容（有回车）
$(“selector”).before("<li>Appended item</li>");	元素之前插入内容（有回车）
$(“selector”).remove();	删除被选元素及其子元素（啥也没有了）
$(“selector”).empty();	删除被选元素的子元素

插入css样式

方法	含义
$(“h1,h2,p”).addClass(“blue”);	添加一个或多个类
$(“h1,h2,p”).removeClass(“blue”);	删除一个或多个类
$(“h1,h2,p”).toggleClass(“blue”);	进行添加/删除类的切换操作
$(“p”).css({“background-color”:“yellow”,“font-size”:“200%”});	设置样式

隐藏与显示

方法	含义
名词解释：speed	速度，可以取以下值：“slow”、“fast” 或毫秒
名词解释：callback	完成后所执行的函数名称
$(selector).hide(speed,callback);	隐藏数据
$(selector).show(speed,callback);	显示数据
$(selector).fadeIn(speed,callback);	淡入
$(selector).fadeOut(speed,callback);	淡出
$(selector).fadeToggle(speed,callback);	淡入淡出