码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 进阶用法

时间:2020-03-14 20:11:00      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:屏幕   大小   fun   cli   change   nbsp   UNC   获取   元素事件   

$(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 进阶用法

标签:屏幕   大小   fun   cli   change   nbsp   UNC   获取   元素事件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!