jquery 写成js

JQuery是一个JavaScript库，它通过封装了一组常用的 JavaScript 功能，使其更易于使用。JQuery的目标是使JavaScript的编写更加高效、简洁和具有表现力。但有时候我们需要将JQuery的代码翻译成原始的JavaScript代码，这时候就需要运用到我们的JS知识了。

下面是一个JQuery的示例代码，负责在页面上监控文本框中内容改变时的事件，并将该文本框下方的某个元素的内容更改为文本框的内容。

$(document).ready(function(){
  $('#myInput').on('input', function() {
    $('#myElement').text($(this).val());
  });
});

将上面的JQuery代码翻译成原始的JavaScript代码如下：

document.addEventListener('DOMContentLoaded', function(){
  var myInput = document.querySelector('#myInput');
  var myElement = document.querySelector('#myElement');
  
  myInput.addEventListener('input', function() {
    myElement.textContent = this.value;
  });
});

通过上面的例子，我们可以发现JQuery代码中，$(document).ready(function(){}) 可以被 翻译成 document.addEventListener('DOMContentLoaded', function(){})。而$符号替换成jQuery或document.querySelectorAll，再加上更多的DOM操作，就是原生的JavaScript代码实现了。