javascript+jquery配套源码

JavaScript和jQuery是前端开发中常用的两种编程语言，它们配套使用可以实现页面交互效果。下面是一个简单的JavaScript和jQuery的配套源码示例：

// JavaScript
function changeBackgroundColor() {
  document.getElementById('myDiv').style.backgroundColor = 'yellow';
}

// jQuery
$(document).ready(function() {
  $('#myButton').click(function() {
    $('#myDiv').css('background-color', 'yellow');
  });
});

在这个示例中，我们首先定义了一个JavaScript函数`changeBackgroundColor()`，用来改变一个id为`myDiv`的元素的背景颜色为黄色。然后使用jQuery库，在文档加载完毕后，为id为`myButton`的按钮元素添加了一个点击事件处理程序，当按钮被点击时，会使用`css()`方法来改变id为`myDiv`的元素的背景色为黄色。

这个示例展示了JavaScript和jQuery的配套使用，JavaScript可以用来实现简单的页面交互效果，而jQuery则可以更快速地实现一些常见的DOM操作，使代码更加简洁和易读。JavaScript和jQuery的配套使用可以大大提高前端开发的效率和开发体验。