jQuery 个人学习知识点

1. jQuery使用
   代码一般都加载在script代码$(document).ready(function(){});中，这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，如果在文档没有完全加载之前就运行函数，操作可能失败；
2. jQuery选择器
   选择元素，直接选择标签名，示例：$("button")、$("h1")等；
   选择类，在类名之前加点号，示例：$(".target")；
   选择id号，在id号之前加上#号，示例：$("#target1")；
3. 给元素增加或移除类
   （1）通过addClass("myClass")方法给元素增加类
   （2）通过removeClass("myClass")方法移除相应的类
4. 改变元素CSS样式
   jQuery通过css方法调整元素的css属性，示例：$("#target1").css("color","red");；
5. 调整元素属性
   jQuery中通过prop方法来调整元素的属性，示例：$("button").prop("disabled",true);；
6. 给元素添加或删除内容
   （1）通过html方法添加内容，可以让你在元素中添加HTML标签和文字，而元素中之前的内容都会被方法中的内容所替换掉，示例：$("h3").html("<em>jQuery Playground</em>");；
   （2）jQuery 还有一个类似的方法叫.text()，它只能改变文本但不能添加标签。换句话说，这个方法只会把任何传进来的HTML标签当成你想替换现有内容的文本；
   （3）jQuery 有一个.remove()的方法，可以彻底删除一个HTML元素；
7. 元素附加到其他元素后
   jQuery有一个appendTo()方法，可以让你把选中的HTML元素附加到其他元素中；
8. 元素的复制
   jQuery有一个clone()方法，可以复制元素；
9. 元素的子元素、父元素、奇偶元素
   （1）jQuery有一个parent()方法，可以允许你访问选定元素的父元素；
   （2）jQuery有一个children()方法，可以让你访问选定元素的子元素；
   （3）jQuery用CSS选择器来获取元素，target:nth-child(n)CSS选择器允许你通过目标类或元素类型选择目标元素的所有子元素；
   （4）jQuery里的索引是从0开始的，也就意味着会与直觉相反：:odd选择的是第2、4、6……个元素，因为索引是1、3、5……
   示例：

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

本作品采用《CC 协议》，转载必须注明作者和本文链接