jquery知识点总结

jquery基础知识

标题1.本地存储sessionStorage、localStorage

引入jquery.min.js文件
jquery 入口函数

$(function(){
   })

1. 本地存储的特点
   （1）数据存储在用户的浏览器中
   （2）只能存储字符串，但是对象可以通过JSON.stringify()转换成字符串。字符串通过JSON.parse();转换成对象
2. sessionStorage、localStorage的区别
   容量不同：sessionStorage约5M
   localStorage约20M
   生命周期不同：sessionStorage关闭浏览器窗口再打开则被清空
   localStorage生命周期永久有效，除非手动关闭
3. 存储本地存储数据：setItem(key,value)
sessionStorage.setItem(key,value);key是自已定义的名字，具有唯一性，value是输入的值
4. 获取本地存储数据：getItem(key)
5. 删除本地存储数据：removeItem(key)
6. 删除所有数据：sessionStroge.clear()

标题2.jQuery选择器

jQuery具有两个特点，隐式迭代和链式编程
隐式迭代：给所有匹配的所有元素进行内部的循环遍历，执行相应的方法。不需要再使用for循环
链式编程：作用是为了让代码更加的整洁。只能用于设置，不能用于获取。简单来说，链式编程就是一直利用.的方式实现各个功能
jQuery链式编程实现排他思想

  $(this).css("color","pink");当前元素的字体颜色变成粉色，其他兄弟元素不变色
  $(this).siblings("button").css("color","");//两行代码可以整合为下面的一句代码
  $(this).css("color","red").siblings("button").css("color","");
  $(this).index();得到当前元素的索引号

1. jQuery中的选择器：
   基本选择器：并集选择器、交集选择器、子代选择器、后代选择器、类选择器、标签选择器、id选择器
   筛选选择器：:first 获取第一个元素

:last() 选择最后一个元素 
:eq(index) 选择索引号为index的元素   $("li:eq(index)").css("color","red")
:even()  选择偶数行的元素
:odd()  选择奇数行的元素 $("li:odd").css("color","red")

2. jQuery筛选方法
   parent() 查找其最近的父级元素
   children() 查找最近一级的子元素
   find() 相当于代选择器，查找其子元素
   siblings() 查找除去