用jQuery在元素的后面分两种,一种是在div紧挨着的后面添加一个div,例如
$(".classname").parent().append("<div></div>")这种实现的结果是
<div>
<div class="classname">
</div>
<div>
<div>
</div>
第二种是在div里面的最后位置加上一个div,例如 $(".classname").append("<div></div")这种实现的结果是
<div class="classname">
<p>这是在类名为classname的div中原存在的元素</p>
<div></div>
</div>
1.我们首先创建一个新的测试项目,然后创建一个新的index.html、basic.js和basic.css文件。
2.js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。
3.我们看到3运行后两个div的高度是一样的..然后我们用js修改高度。
4.我们点击js中的代码,使用属性对应的样式属性获取div1id,然后设置高度如图所示。
5.使用js修改CSS文件中的div的height的值HTML文件中的代码。
6.我们得到js文件中的div1id属性,并使用obj.style.cssTest修改嵌入的css。
7.运行项目后,两个结果是相同的div高度改变。
<img src="C:\Documents and Settings\Administrator\My Documents\My Pictures\nike.jpg" />