jquery 向DIV动态添加元素

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

1.通过window.open函数

<div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div>

<div onclick="window.open('www.baidu.com','_self')">在当前窗口跳转至百度</div>

2.通过window.location.href函数

<div onclick="window.location.href= 'www.baidu.com'return false">在当前窗口跳转至百度</div>

现在做网页，通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。

在 Delphi 里面，可以用 Panel 套 Panel 的方式来布局，然后设置各个 Panel 的 Align 属性。

现在 html5 的网页开发，是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此，这里就是多层 div 嵌套。

假设要对某一层 div 做一个链接，点击后会导航到另外一个链接地址。这时候，不能给 div 外面写 <a href="xxxxx">这种代码。如果这样写，会破坏 div 的嵌套框架，搞乱页面布局。