Question

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

$(window).width();
这代码只能获取浏览器刷新时的那一刻的宽度，如何才能达到实时获取浏览器宽度呢？
求教！谢谢啦！
补充一下：
比如我想达到这个效果，
当浏览器宽度大雨一定数值时，执行一段代码：
$(function(){
if( $(window).width() > 600 ) {
/* 这里是要执行的代码 */

}
})
现在的问题是，这只在刷新页面那一刻有效，当变化浏览器宽度时就没用了。
一楼兄台的答案，小弟实在是菜鸟，不会用。

Answer 1

你可以尝试以下代码：

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");

Answer 2

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

}
}

Answer 3

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

}
});

Answer 4

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

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

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

    }
    setTimeout(onWidthChange,1000);
}

Answer 5

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