今日学习打卡——jQuery之自动触发事件、事件对象、拷贝对象

2022/2/8 23:20:20

本文主要是介绍今日学习打卡——jQuery之自动触发事件、事件对象、拷贝对象,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

自动触发事件三种方式

1.$(selector).click()

2.$(selector).trigger("click")

3.$(selector).triggerHandler(event,param1,param2,...),此种方式不会执行元素的默认行为,比如,focus事件会出现光标,通过这种方式不会出现光标。

事件对象

1.阻止默认行为:event.preventDefault()或者return false

2.阻止冒泡: event.stopPropagation()

拷贝对象

$.extend ( [deep], target, object1,[object])

参数1:深(true)浅(false)拷贝,默认浅拷贝(false)

参数2:目标对象

参数3:源对象

参数...:源对象

新属性会被添加到目标对象,相同属性会被覆盖


浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象。深拷贝,前面加true,完全克隆(拷贝的对象,而不是地址),不同修改目标对象不会影响被拷贝对象。

var targetObj = {
                id: 0,
                msg: {
                    sex: '男'
                }
            };
var obj = {
            id: 1,
            name: "andy",
            msg: {
            age: 18
            }
        };
$.extend(true, targetObj, obj);

结果: 

 

 虽然msg重复了,但里边的属性不重复,所以会合并



这篇关于今日学习打卡——jQuery之自动触发事件、事件对象、拷贝对象的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程