web学习笔记--jQuery常用语法

1. HTML渲染完成后执行ready function，所以最好把方法写在这里面，否则可能出错

$(document).ready(function(){
    
  });

2. 所有jQuery方法都是由$开始的，通常称作为 美元符号，或者简称为bling；
   jQuery通过选择器来选择一个元素的，然后操作元素做些改变。
3. 操作类

$("#target3").addClass("animated fadeOut");

4. 操作css

$("#target1").css("color", "blue");

5. 操作元素属性

$("button").prop("disabled",true);

6. 添加html文本
   添加强调文本jQuery Playground

$("#target4").html("<em>jQuery Playground</em>")

7. 移除元素

$("#target4").remove();

8. 移动元素到其他元素中

$("#target2").appendTo("#right-well");

9. 复制元素

$("#target5").clone().appendTo("#left-well"); //复制并移动

10. 访问父元素

$("#target1").parent().css("background-color","red");

11. 访问子元素

$("#right-well").children().css("color","orange");

12. 根据索引访问子元素 $(".targetClass:nth-child(n)")

$(".target:nth-child(2)").addClass("animated bounce");//访问target类下的第二个子元素

13. 访问索引为奇$(".target:odd"),偶数$(".target:even")的所有元素

$(".target:even").addClass("animated shake");
$(".target:odd").addClass("animated bounce");

终结啦