jquery当屏幕达到630px时关闭jquery点击事件

你可以使用`$(window).width()`方法获取当前屏幕宽度，然后在相应的条件下关闭点击事件。例如：

$(document).ready(function() {
  $(window).resize(function() {
    if ($(window).width() <= 630) {
      $('.my-button').off('click');
    } else {
      $('.my-button').on('click', function() {
        // 点击事件的代码
      });
    }
  });
});

这段代码会在页面加载完成后绑定一个窗口大小改变事件。当窗口宽度小于等于 630px 时，会解除 `.my-button` 元素的点击事件；当窗口宽度大于 630px 时，会重新绑定 `.my-button` 元素的点击事件。你需要将 `.my-button` 替换成你需要关闭点击事件的元素。

相关问题

用jQuery写一个点击事件图片轮播图

以下是一个简单的jQuery图片轮播示例：

HTML：

<div class="slider">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
</div>

<button class="prev">Prev</button>
<button class="next">Next</button>

CSS：

.slider {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.slider img.active {
  opacity: 1;
}

button {
  margin-top: 20px;
}

jQuery：

$(document).ready(function() {
  $('.slider img:first').addClass('active'); // 初始显示第一张图片

  $('.next').click(function() {
    var currentImg = $('.slider img.active');
    var nextImg = currentImg.next();

    if(nextImg.length) { // 如果有下一张图片，则切换到下一张
      currentImg.removeClass('active');
      nextImg.addClass('active');
    } else { // 如果没有下一张图片，则切换到第一张
      currentImg.removeClass('active');
      $('.slider img:first').addClass('active');
    }
  });

  $('.prev').click(function() {
    var currentImg = $('.slider img.active');
    var prevImg = currentImg.prev();

    if(prevImg.length) { // 如果有上一张图片，则切换到上一张
      currentImg.removeClass('active');
      prevImg.addClass('active');
    } else { // 如果没有上一张图片，则切换到最后一张
      currentImg.removeClass('active');
      $('.slider img:last').addClass('active');
    }
  });
});

这个示例使用了两个按钮来切换图片，点击“Next”按钮可以切换到下一张图片，点击“Prev”按钮可以切换到上一张图片。当切换到最后一张或第一张图片时，会循环切换回第一张或最后一张图片。

jquery 点击动画

你可以使用 jQuery 的 `click()` 方法和 `animate()` 方法来实现点击动画效果。具体步骤如下：

1. 首先在 HTML 中添加一个元素用于触发点击事件，例如一个按钮或一个图片。
2. 使用 jQuery 的 `click()` 方法来监听点击事件，当元素被点击时触发回调函数。
3. 在回调函数中使用 `animate()` 方法来设置元素的动画效果，例如改变元素的位置、大小、颜色等属性。
4. 最后使用 `stop()` 方法来停止当前正在进行的动画效果。

下面是一个示例代码：

HTML 代码：

<button id="btn">点击我</button>
<div id="box"></div>

CSS 代码：

#box {
    width: 100px;
    height: 100px;
    background-color: red;
    position: relative;
}

jQuery 代码：

$(document).ready(function(){
    $("#btn").click(function(){
        $("#box").stop().animate({
            left: '250px',
            top: '150px',
            width: '200px',
            height: '200px',
            opacity: '0.5'
        }, 1000);
    });
});

在点击按钮时，元素 `#box` 会从当前位置移动到左上角偏移 (250, 150) 的位置，同时改变宽度和高度为 200px，透明度为 0.5。动画持续时间为 1 秒。