分别举例实现JavaScript操作元素与jQuery操作元素

JavaScript操作元素的例子：

1. 通过id获取元素并修改其文本内容：

   <div id="myDiv">Hello, World!</div>
   <script>
   var myElement = document.getElementById("myDiv");
   myElement.textContent = "Hello, JavaScript!";
   </script>
   

2. 通过class获取元素并修改其样式：

   <div class="myClass">Hello, World!</div>
   <script>
   var myElements = document.getElementsByClassName("myClass");
   for (var i = 0; i < myElements.length; i++) {
     myElements[i].style.color = "red";
   }
   </script>
   

jQuery操作元素的例子：

1. 通过id获取元素并修改其文本内容：

   <div id="myDiv">Hello, World!</div>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
   $("#myDiv").text("Hello, jQuery!");
   </script>
   

2. 通过class获取元素并修改其样式：

   <div class="myClass">Hello, World!</div>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
   $(".myClass").css("color", "red");
   </script>
   ``