jquery效果
隐藏/显示
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).toggle(speed,callback);
//speed 参数规定隐藏/显示的速度,可以取值为:"slow","fast"或毫秒
//callback参数是隐藏/显示完成后所执行的函数名称
淡入淡出效果
//淡入效果
$(selector).fadeIn(speed,callback);
//淡出效果
$(selector).fadeOut(speed,callback);
//淡入淡出效果切换
$(selector).fadeToggle(speed,callback);
//渐变为给定的不透明读,参数opacty设置为不透明的程度
$(selector).fadeTo(speed,opacity,callback);
滑动效果
//向下滑动
$(selector).slideDown(speed,callback);
//向上滑动
$(selector).slideUp(speed,callback);
//上下滑动
$(selector).slideToggle(speed,callback);
//如果对位置进行操作要把元素的css position属性设置为relative,fixed或者absolute!
/*
可以同时使用多个属性,也可以定义队列属性,依次执行动作
*/
$(selector).animate({params},speed,callback);
停止动画
$(selector).stop(stopAll,goToEnd);
jquery方法可以链式执行
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
获得内容和属性
获取内容
text()
设置或返回所选元素的文本内容html()
设置或返回所选元素的内容(包括html标记)val()
设置或返回表单字段的值
获取属性
attr()
获取属性值
添加新的元素/内容
append()
在被选元素的结尾插入内容prepend()
在被选元素的开头插入内容after()
在被选元素之后插入内容before()
在被选元素之前插入内容
删除元素
remove()
删除被选元素及子元素,可以添加过滤条件
如下会删除
class="italic"
的所有<p>
元素
$("p").remove(".italic");
empty()
从被选元素中删除子元素
获取并设置css类
addClass()
向被选元素添加一个或多个类removeClass()
从被选元素删除一个或多个类toggleClass()
对被选元素进行添加/删除类的切换操作css()
设置或返回样式属性
尺寸
width()
设置或返回元素的宽度(不包括内边框、边框或外边框)
height()
设置或返回元素的高度(不包括内边框、边框或外边框)
innerWidth()
方法返回元素的宽度(包括内边距)
innerHeight()
方法返回元素的高度(包括内边距)
outerWidth()
方法返回元素的宽度(包括内边距和边框)
outerHeight()
方法返回元素的高度(包括内边距和边框)
load()
方法
$(selector).load(URL,data,callback);
加载文件或者url中的内容。
$.get(URL,callback);
通过http get请求从服务器上请求数据
$.post(URL,data,callback)
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。