使用jquery完成点击按钮添加背景

你可以在jQuery代码中使用以下代码完成点击按钮添加背景：

$("button").click(function(){
  $("body").css("background-color", "yellow");
});

在这段代码中，当你点击按钮时，jQuery会在页面的`body`元素上添加一个黄色的背景。

相关问题

jquery点击按钮改变样式

要使用jQuery来点击按钮改变样式，可以按照以下步骤进行操作：

1. 在HTML文件中添加一个按钮和要改变样式的元素。例如：

<button id="changeStyleBtn">点击改变样式</button>
<div id="targetElement">要改变样式的元素</div>

2. 在JavaScript文件或内联脚本中引入jQuery库。例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

3. 使用jQuery的`click`事件来监听按钮的点击事件，并在事件处理函数中改变目标元素的样式。例如：

$(document).ready(function() {
  $('#changeStyleBtn').click(function() {
    $('#targetElement').css('color', 'red');
    $('#targetElement').css('background', 'yellow');
  });
});

在上述代码中，`$(document).ready()`函数用于确保页面加载完成后再执行jQuery代码。`$('#changeStyleBtn')`选择器选中了id为`changeStyleBtn`的按钮，`.click()`方法添加了一个点击事件处理函数。在事件处理函数中，使用`$('#targetElement')`选择器选中了id为`targetElement`的元素，并通过`.css()`方法改变其颜色和背景。

这样，当点击按钮时，目标元素的样式将会被修改为红色字体和黄色背景。你可以根据需要自定义样式的属性和值。

使用Javascript+jquery完成视频弹幕效果

视频弹幕效果可以通过 JavaScript 和 jQuery 实现，具体实现步骤如下：

1. 创建弹幕元素
首先，在视频播放器下方创建一个 div 元素，用于显示弹幕，将其样式设置为绝对定位，宽度为视频播放器的宽度，高度为弹幕字体大小的两倍，背景色为透明。

<div id="danmu-container"></div>

#danmu-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2em;
  background-color: transparent;
  overflow: hidden;
}

2. 发送弹幕
使用 jQuery 监听发送按钮的点击事件，获取文本框中的弹幕内容，并动态创建一个 span 元素，设置其样式和文本内容，将其添加到弹幕容器内，设置其初始位置为容器的右侧，使用 animate() 方法实现弹幕的滚动效果。

<input type="text" id="danmu-input">
<button id="danmu-send">发送</button>

$('#danmu-send').click(function() {
  var content = $('#danmu-input').val();
  if (content) {
    var $danmu = $('<span>' + content + '</span>');
    $danmu.css({
      position: 'absolute',
      top: Math.random() * ($('#danmu-container').height() - 30) + 'px',
      right: 0,
      fontSize: '1em',
      whiteSpace: 'nowrap',
      color: '#fff'
    });
    $('#danmu-container').append($danmu);
    $danmu.animate({ right: $('#danmu-container').width() }, 10000, function() {
      $(this).remove();
    });
    $('#danmu-input').val('');
  }
});

3. 暂停弹幕
使用 jQuery 监听视频播放器的暂停事件，遍历弹幕容器内的所有弹幕元素，使用 stop() 方法停止弹幕的滚动动画，即可实现暂停弹幕的效果。

$('#video-player').on('pause', function() {
  $('#danmu-container span').stop();
});

以上就是使用 JavaScript 和 jQuery 实现视频弹幕效果的基本步骤，可以根据需要进行功能扩展和优化。