通过在页面加载上着色div来突出显示(不使用jQuery UI)

通过在页面加载上着色div来突出显示(不使用jQuery UI)，可以使用JavaScript和CSS来实现。以下是一个简单的示例代码：

<!DOCTYPE html>
<html>
<head><style>
.highlight {
  background-color: yellow;
}
</style>
</head>
<body>

<div id="div1">这是一个普通的div。</div>
<div id="div2">这是一个突出显示的div。</div><script>
window.onload = function() {
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");

  div2.classList.add("highlight");
}
</script>

</body>
</html>

在这个示例中，我们使用了JavaScript的window.onload事件来确保在页面加载完成后执行代码。然后，我们使用getElementById方法获取两个div元素，并使用classList.add方法将highlight类添加到第二个div元素中。highlight类定义了一个黄色的背景，从而突出显示了这个div。

这个示例仅仅是一个简单的演示，实际上可以根据需要进行更复杂的操作，例如使用JavaScript库（如jQuery）来简化代码，或者使用CSS动画来实现更加炫酷的效果。