JQuery常用语句整理（一）

JQuery效果

**隐藏和显示 **

$("p").hide(speed,callback); (显示)
$("p").show(speed,callback); （隐藏）
$（“p”）.toggle(speed,callback); (显示被隐藏的，隐藏被隐藏的)

淡入淡出

$("p").fadeIn(speed,callback); (淡入)
$("p").fadeOut(speed,callback); （淡出）
$("p").fadeToggle(speed,callback); （淡入被淡出的，反之亦然）

滑动

$("p").slideDown(speed,callback); (下滑)
$("p").slideUp(speed,callback); （上滑）
$("p").slideToggle(speed,callback); （同显示隐藏）

动画效果

$("div").animate({params},speed,callback);
params可以定义需要改变的CSS参数，比如
{
left:‘250px’,
opacity:‘0.5’，
width：‘100px’
}可同时改变多个属性。

停止动画

$(“p”).stop(stopAll,goToEnd);
stopAll默认是false，就是只是停止当前动画，接下来的动画会继续执行。这里的执行顺序是由编辑动画的顺序决定。TRUE的话按单词字面理解就是全部停止。
goToEnd规定是否立即完成动画，默认是false。

除了自己特别的参数外，还有一些共同的参数。

speed的取值可以为“slow”“fast”，也可以为一个数字1000(不需要带引号)。
callback是该效果的回调函数，即完全执行该效果后执行的函数。

JQuery HTML

即可以对HTML元素和属性进行操作

获取内容和参数

$("#text").text();设置或返回所选元素的文本内容
$("#text").html();设置或返回所选元素的内容（包括 HTML 标记）
$("#text").val();设置或返回表单字段的值（value）,如果是其他的元素例如p的value值则无法返回。

改变内容和属性

$("#test1").text("Hello world!");
$("#test2").html("< b>Hello world!");
$("#test3").val("表单的值");
以上三个也可以调用回调函数。函数有俩个参数，被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数返回的新值来替换原来的值。
$("#test1").text(function(i,origText)
{
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
}); 其实我也不知道i 的作用是什么。

注意：就算你在.text()方法中定义了< b>Hello world!也不会加粗，它并不会解析你文档里的HTML元素
还有一种是与属性有关

   $("#a").attr("href","http://www.baidu.com");
  将href属性的值改为后面的。
  也可以同时设置多个属性。
  $("#runoob").attr(
  {         
     "href" : "http://www.baidu.com",      
     "title" : "jQuery 教程"     }); 
  也可以像text()方法一样定义回调函数。