jQuery常用操作获取元素、元素属性操作、元素样式style和类class操作、4、节点操作、5、事件操作

jQuery操作的只能是jQuery对象

1、获取元素

2、元素属性操作

元素内容文本值

获取元素的大小

            // 1. 属性的width值
            console.log($('div').width());
            // 2. width + padding
            console.log($('div').innerWidth());
            // 3. width + padding + border
            console.log($('div').outerWidth());
            // 4. width + padding + border + margin
            console.log($('div').outerWidth(true));

获取元素的位置

            console.log($('.son').offset());

            console.log($('.son').position());

3、元素样式style和类class操作

显示隐藏与划入划出

（回调可以省略，时间也可省略，设置了默认时间的）

4、节点操作

节点的创建、添加、删除

5、事件操作

对象拷贝

// 1. 浅拷贝遇到复杂数据类型，将数据地址拷贝
var targetObj = {
    id: 0,
    phone: '15736542784'
};
var obj = {
    id: 1,
    name: 'andy',
    msg: {
        age: 10
    }
}
$.extend(targetObj, obj);
obj.msg.age = 20;
console.log(targetObj);

// 2. 深拷贝    把里面数据完全复制给目标对象一份，如果有冲突的属性，会合并在一起
var targetObj = {
    id: 0,
    phone: '15736542784',
    msg: {
        sex: '男'
    }
};
var obj = {
    id: 1,
    name: 'andy',
    msg: {
        age: 10
    }
}
$.extend(true, targetObj, obj);
obj.msg.age = 20;
console.log(targetObj);

代码007普通

打赏 收藏 海报 链接