14 jquery/js语法

jquery/js语法

---

• (javascript对大小写敏感)　
  getelementsbytagname和getElementsByTagName并不相同

• 嵌套结构

$(document).ready(function(){　　//文本加载完成
    $("button").click(function(){   //button被点击
    $("p").hide();
});

• 动画的队列与多属性操作

$("button").click(function(){
  var div=$("div");
  div.animate({height:'300px',opacity:'0.4'},"slow");
  div.animate({width:'300px',opacity:'0.8'},"slow");
  div.animate({height:'100px',opacity:'0.4'},"slow");
  div.animate({width:'100px',opacity:'0.8'},"slow");
});

• channing

 $("#p1").css("color","red").slideUp(2000).slideDown(2000);

• 添加　append()　prepend() 　 after()
  去除 remove() empty()
• DOM操作
  addClass() removeClass()　toggleClass()　css()
• css方法 css()
  $("p").css("background-color");
• 祖先　后代　同胞

$("span").parents();
$("div").find("span");
$("h2").siblings();
$("div p").first();

• ajax

//load
$("#div1").load("demo_test.txt");
//GET vs. POST
$("button").click(function(){
 $.post("demo_test_post.asp",
 {
   name:"Donald Duck",
   city:"Duckburg"
 }