jq 笔记 打卡 20200603

1、选择器的使用方式

• $(" ") 这里不单单的可以用 #aa 或者.bb ，还可以用 li>.cc 或者 li .cc这一类的选择器

2、选择选中的元素=>选中及层级。忽略循环带来的弊端，jq已经处理。

• $(this),可以与下面的常用的选择器一起连用

3、常用的选择器=>因为jq给我们封装了js，所以这里用到的都是方法，都是带括号的=>()

• 祖先选择器parents()，如果有多个父级(父级是包含关系)，那么可以写parents("#aa"),这里的#aa可以替换成标签、元素的id、元素的class属性值
• 父级选择器 parent()，如果有多个父级(父级不是包含关系，是兄弟关系)，那么可以写parent("#aa"),这里的#aa可以替换成标签、元素的id、元素的class属性值
• 兄弟选择器siblings()，同父级选择器
• 孩子选择器children()，同父级选择器
• 子孙选择器find(),同祖先选择器

4、常用的方法

• prop() 方法应该用于检索标签固有属性值，使用方法：
  • 返回属性的值：$(selector).prop(property)
  • 设置属性和值：$(selector).prop(property,value)，属性值可以用函数代替
• attr() 方法应该用于检索 HTML 属性，使用方法，同上（常用）
• html()方法，获取的是文本内容，包含标签。同理既然可以获取，我们也可以在该方法中拼接html标签，此方法不可以循环显示，只能单个拼接一条，除非外面套循环（常用）
• text()方法，获取的是文本内容，单纯的文本内容（常用）
• val() 方法，获取文本输入框中的value值（常用）
• append() 方法，用于拼接标签，拼接出来的标签可以循环显示(在元素内部添加，添加元素与该元素是父子关系)（很常用）
• prepend()方法，在元素内部添加，添加到该元素内部的最前面
• before()方法，在该元素的外部的前面添加，与该元素的是兄弟关系
• after()方法，在该元素的外部的后面添加，与该元素的是兄弟关系
• remove()方法，移除自身元素，简称自杀
• empty(),移除子孙节点，保留自身
• 另外一种删除的方式比较野，$(".aa").html(""),这样就移除了。
• on(),方法可以为动态生成的标签绑定事件，非常强大

5、其他常用的

• substr()用于截取字符串，例如返回结果是一个 '￥11.11'，那么我们就可以先获取该元素（该元素的值为纯文本），然后$(".aa").substr(1),就可以得到'11.11'
• toFixed() 用于保留小数，例如，获取小数点后两位

<script type="text/javascript">  
   var num = 3.1415926 
   alert(num.toFixed(2));  
 </script>  
//得到的数据是3.14

• $(this)在自身所处的函数下，会出现代表含义的变化，示例代码：

<script type="text/javascript">  
   $(this).parent().slideUp(function(){
      $(this).remove();
    })
 </script> 
//代码中第1次出现的$(this).parent()，表示其父亲节点
//代码中第2次出现的$(this)，也是表示其父亲节点

• splice(1,1),是数组数据删除方法。第一个参数代表，从第几个数开始删除；第二个参数代表，删除几个。
• split(","),是字符串分割成数组的方法，例子中表示，用,分割。

最后，将持续更新，如有不足请指出
常用jq插件网站http://www.jq22.com和http://www.htmleaf.com