jQuery学习实用记录

//jQuery加载
$(document).ready(function(){
  //开始编写函数
});






//点击后 上下滑动隐藏效果



$("#id").click(function(){



　　$("id2").sildeToggle();
});



//创建自定义动画,可以实用队列功能（编写多个animate逐一调用）



$("button").click(function(){
  $("div").animate({left:'250px'});
}); 











//停止动画或效果，在它们完成之前



//stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画



$("clickBottonID").click(function(){
$("#stopID").stop();
});





//设置或返回所选元素的文本内容




$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});









//设置或返回所选元素的内容（包括 HTML 标记）
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});









//设置或返回表单字段的值



$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});







//attr() 方法用于获取属性值



$("button").click(function(){
  alert($("#w3s").attr("href"));
});






//append() 方法在被选元素的结尾插入内容

$("p").append("Some appended text.");





//prepend() 方法在被选元素的开头插入内容

$("p").prepend("Some prepended text.");



//jQuery after() 方法在被选元素之后插入内容

$("img").after("Some text after");

//jQuery before() 方法在被选元素之前插入内容

$("img").before("Some text before");