jquery学习

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 参数是请求成功后所执行的函数名。