jQuery 进阶用法

Posted 2021-03-05 容忍君

$(function() {
    $(window).on(‘resize‘, function () {//监听屏幕大小改变事件
        let clientW = $(window).width()//获取可视窗口宽度
        let $allItems = $(‘.carousel-inner .carousel-item‘)
        console.log(‘change‘,clientW, $allItems)
    }).trigger(‘resize‘) //trigger方法触发元素的事件
})

或者：(触发元素事件trigger/监听窗口变化事件resize/窗口获取事件$(window).width())

$(function() {
    $(window).on(‘resize‘, function () {//监听屏幕大小改变事件
        let clientW = $(window).width()//获取可视窗口宽度
        let $allItems = $(‘.carousel-inner .carousel-item‘)
        console.log(‘change‘,clientW, $allItems)
    })
    
    $(window).trigger(‘resize‘)  //加载即调用一次该事件
})  

//