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

发布网友发布时间：2023-01-16 08:05

共1个回答

热心网友时间：2023-11-15 04:57

你可以尝试以下代码：

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

热心网友时间：2023-11-15 04:57

你可以尝试以下代码：

知识延展：

几个简单的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");