首页 > Web开发 > 详细

jQuery 进阶用法

时间:2020-03-14 19:25:17      阅读:53      评论:0      收藏:0      [点我收藏+]
$(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‘)  //加载即调用一次该事件
})  

//

 

jQuery 进阶用法

原文:https://www.cnblogs.com/-constructor/p/12493660.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!