如何用jquery实现实时监控浏览器宽度

你可以尝试以下代码：

window.onresize=resizeBannerImage;//当窗口改变宽度时执行此函数
function resizeBannerImage()
  {
   var winW = $(window).width();
   va if( $(window).width() > 600 ) {
       /* 这里是要执行的代码 */

   }
  }

知识延展：

几个简单的jQuery使用方法

1.响应事件。在JavaScript中，经常会用到 onclick=“javascript函数”，但是这个方法将页面的设计与逻辑过于紧密的耦合在一起，并不漂亮，可以用jQuery，如下：

$("#check_un").click(function(event){
    alert("hello");
    event.preventDefault();
});1234

2.将id为title处的内容显示出来

var title = $("#title").html();
alert(title);12

3.得到与类关联的图像的src值

var title = $("#title").html();
alert(title);12

4.统计项目符号的个数

var count = $("li").size();
alert(count);12

5.循环处理符号项

   $('li').each(function(){
        alert($(this).html());
    });123

6.修改页面元素用html()方法

 $("#title").html("the awesomest book title ever");

window.onresize=resizeBannerImage;//当窗口改变宽度时执行此函数
function resizeBannerImage()
{
var winW = $(window).width();
va if( $(window).width() > 600 ) {
/* 这里是要执行的代码 */

}
}

$(window).resize(function(){
if( $(window).width() > 600 ) {
/* 这里是要执行的代码 */

}
});

//改下结构，像下面这样就好了：(每秒检查一次）

$(function(){setTimeout(onWidthChange,1000);});

function onWidthChange()
{
    if( $(window).width() > 600 ) {
        /* 这里是要执行的代码 */

    }
    setTimeout(onWidthChange,1000);
}

window.onresize=resizeBannerImage;//窗口改变宽度时执行
function resizeBannerImage()
{
var winW = $(window).width();
va if( $(window).width() > 600 ) {
/* 运行的语句代码 */
}
}