jquery 设定css和删除css

好的，针对你的问题，以下是 jQuery 设置 CSS 和删除 CSS 的方法：

1. 设置 CSS：使用 `css()` 方法来设置元素的 CSS 属性，语法如下：

$(selector).css(property,value)

示例：

// 设置背景颜色为红色
$("#myDiv").css("background-color", "red");

// 同时设置多个属性
$("#myDiv").css({
    "background-color": "red",
    "font-size": "16px",
    "color": "white"
});

2. 删除 CSS：使用 `removeAttr()` 方法来删除元素的 CSS 属性，语法如下：

$(selector).removeAttr(property)

示例：

// 删除背景颜色属性
$("#myDiv").removeAttr("background-color");

// 同时删除多个属性
$("#myDiv").removeAttr("background-color font-size color");

希望以上内容能够对你有所帮助。

相关问题

jquery实现div设定宽度后文本自动换行

使用jQuery实现div设定宽度后文本自动换行，可以通过设置div的CSS属性来实现。

首先，在HTML中定义一个div元素：

<div id="myDiv">这是一段很长的文本，当div的宽度设定后，文本会自动换行。</div>

然后，在JavaScript中使用jQuery来获取该div元素，并给它设置宽度和其他样式：

$(document).ready(function(){
  // 获取div元素
  var myDiv = $('#myDiv');
  
  // 设置宽度和样式
  myDiv.css({
    'width': '200px',
    'background-color': '#ccc',
    'padding': '10px',
    'word-wrap': 'break-word' // 设置自动换行
  });
});

上述代码中，我们使用了`$(document).ready()`来确保页面加载完成后再执行代码。然后，使用`$('#myDiv')`来获取ID为"myDiv"的div元素，并使用`.css()`方法来设置其宽度、背景颜色、内边距和自动换行。

通过这样的设置，当div的宽度被设定为小于文本的宽度时，文本将自动换行适应div的宽度。

jQuery 可重复使用幻灯片 每张图设定不同时间

以下是一个简单的可重复使用的 jQuery 幻灯片代码，其中每张图都可以设置不同的时间。

HTML 代码：

<div class="slideshow">
  <img src="img/slide1.jpg" data-time="5000" />
  <img src="img/slide2.jpg" data-time="7000" />
  <img src="img/slide3.jpg" data-time="9000" />
</div>

jQuery 代码：

$(document).ready(function() {
  var slides = $('.slideshow img');
  var currentSlide = 0;

  function nextSlide() {
    slides.eq(currentSlide).fadeOut();
    currentSlide = (currentSlide + 1) % slides.length;
    slides.eq(currentSlide).fadeIn();
    setTimeout(nextSlide, slides.eq(currentSlide).data('time'));
  }

  slides.hide().eq(0).show();
  setTimeout(nextSlide, slides.eq(0).data('time'));
});

CSS 代码：

.slideshow img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

说明：

1. 首先，我们获取了所有幻灯片图片的 jQuery 对象，以及当前显示的幻灯片索引。

2. 然后，我们定义了一个 nextSlide() 函数，它会将当前幻灯片淡出，然后将下一张幻灯片淡入，并根据它的 data-time 属性设置下一次切换的时间。这里使用了 setTimeout() 函数来实现定时。

3. 接着，我们隐藏了所有幻灯片图片，并显示了第一张幻灯片。然后，根据第一张幻灯片的 data-time 属性设置第一次切换的时间。

4. 最后，我们还添加了一些 CSS 样式，使幻灯片图片定位到页面左上角并覆盖在一起。