需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面，此时点击123所在的div，div会变为蓝色文本。
你好，我来回答这个问题。div+css实际上就是html+css。
html、css与js分别是网页组成中最主要的三门技术，html代表着“内容”、css代表着“表现”、js代表着“行为”。这三门技术相互结合，形成一个功能丰富的网页。但它们又要相互分离，各司其职，以便于开发维护。
你的问题是为什么常常把html和css放在一起谈，而js相对来说比较独立。我的见解是：
1、在当今的网页设计中，一个html网页可以不包含js程序，但是不能没有css样式。因为没有js的网页仍然可以做出漂亮的静态页面，但是没有css的网页就是纯的html骨架，实在是太丑了，几乎不能正常阅读网页的内容。因此从这个观点上看，html和css的关系更为紧密，形影不离，而js相对来说并不是那么必要。
2、html和css都不是编程语言，只能算是“标记”，因为它们都没有编程语言具备的逻辑性，技术上讲相对简单。而js才算得上是一门编程语言，在层次上大幅提升。因此常常要把这个学科独立出来谈论。
3、“div+css”这个概念最早其实是相对于表格布局技术而提出的。在“div+css”布局技术出现之前，更加流行的是使用<table>来布局。因此，我们常常看到“div+css”这个IT词汇，而js是相对来说比较独立发展的另外一门技术，所以从感觉上也会觉得“div”和“css”密不可分。
