记录JS学习2

1.浏览器增删改查数据 sessionStorage.setItem(key,value) 

2.local本地存储

3.DOM对象只能使用原生JS的属性和方法,jQuery对象只能使用jQuery方法

4 jQuery遍历元素

// 1. each() 方法遍历元素 
            var arr = ["red", "green", "blue"];
            $("div").each(function(i, domEle) {
                // 回调函数第一个参数一定是索引号  可以自己指定索引号号名称
                // console.log(index);
                // console.log(i);
                // 回调函数第二个参数一定是 dom元素对象 也是自己命名
                // console.log(domEle);
                // domEle.css("color"); dom对象没有css方法
                $(domEle).css("color", arr[i]);
                sum += parseInt($(domEle).text());
            })
            console.log(sum);
            // 2. $.each() 方法遍历元素 主要用于遍历数据，处理数据
            // $.each($("div"), function(i, ele) {
            //     console.log(i);
            //     console.log(ele);

            // });
            // $.each(arr, function(i, ele) {
            //     console.log(i);
            //     console.log(ele);


            // })
            $.each({
                name: "andy",
                age: 18
            }, function(i, ele) {
                console.log(i); // 输出的是 name age 属性名
                console.log(ele); // 输出的是 andy  18 属性值


            })

5 jQuery位置尺寸操作

offset()

position()是获取有定位的父亲偏移的位置 只能获取不能设置 如果父亲都没有定位 那就和offset()一样以文档为准

6.jQuery插件使用

jQuery之家 :www.htmleaf.com