动态创建 div 元素

在 Javascript 中，可以使用 document.createElement() 方法来创建新的元素，例如，下面的代码创建了一个新的 div 元素，并将其添加到文档中：

var newDiv = document.createElement("div");
document.body.appendChild(newDiv);

给 div 元素添加样式

使用 div 元素操作 DOM 最常见的用途之一是添加样式。可以通过修改 div 元素的 style 属性来实现。例如，下面的代码将一个 div 元素的背景色设置为红色：

var divElement = document.querySelector("div");
divElement.style.backgroundColor = "red";

为 div 元素添加事件监听器

使用 addEventListener() 方法可以为 div 元素添加事件监听器。例如，下面的代码为一个 div 元素添加了一个鼠标点击事件监听器：

var divElement = document.querySelector("div");
divElement.addEventListener("click", function(event) {
  console.log("Div element was clicked.");
});

使用 jQuery 操作 div 元素

jQuery 是一个流行的 Javascript 库，可以简化操作 DOM 的许多任务。例如，下面的代码使用 jQuery 为一个 div 元素添加了一个点击事件监听器，以及一个淡出的动画效果：

var divElement = $("div");
divElement.click(function() {
  divElement.fadeOut();
});

以上就是关于 Javascript 中 div 元素的一些介绍。通过动态创建 div 元素、为其添加样式和事件监听器，以及使用 jQuery 简化 DOM 操作等方法，可以实现非常丰富的网页效果。