如何在脚本加载时在jquery中选中框时更改背景

在jQuery中，可以使用change()事件来实现在脚本加载时选中框更改背景的效果。下面是一个完整的示例代码：

HTML代码：

<select id="mySelect">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

jQuery代码：

$(document).ready(function() {
  // 设置默认背景色
  $("body").css("background-color", "red");

  // 监听选中框的change事件
  $("#mySelect").change(function() {
    // 获取选中的选项的值
    var selectedColor = $(this).val();

    // 根据选中的值更改背景色
    if (selectedColor === "red") {
      $("body").css("background-color", "red");
    } else if (selectedColor === "green") {
      $("body").css("background-color", "green");
    } else if (selectedColor === "blue") {
      $("body").css("background-color", "blue");
    }
  });
});

上述代码首先使用$(document).ready()函数来确保在文档加载完毕后执行代码。然后，设置默认的背景色为红色。

接着，通过$("#mySelect")选择器选中id为"mySelect"的选中框，并使用.change()方法监听其change事件。

在事件处理函数中，首先使用$(this).val()获取选中的选项的值。然后，根据选项的值来改变body元素的背景色。

根据题目要求，给出腾讯云的相关产品和产品介绍链接：