如何根据div的css名称在div后插入一个div

用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.在body内输入div.abc按下tab键

效果：<divclass="abc"></div>

2.在body内输入div#abc按下tab键

效果：<div id="abc"></div>

3.在body内输入ul>li{小花}*3按下tab键

效果：<ul>

<li>小花</li>

<li>小花</li>

<li>小花</li>

</ul>

4.在body内输入div>a[href='#']{小花}*3按下tab键

效果：<div>

<ahref="#">小花</a>

<ahref="#">小花</a>

<ahref="#">小花</a>

</div>

5.在body内输入select>option{$}*5按下tab键

效果：<select name="" id="">

<optionvalue="">1</option>

<optionvalue="">2</option>

<optionvalue="">3</option>

<optionvalue="">4</option>

<optionvalue="">5</option>

</select>

6.在body内输入select>option[value='花香']{$}*5>a[href='#']{小花}按下tab键

效果：<select name="" id="">

<option value="花香">1<a href="#">小花</a></option>

<option value="花香">2<a href="#">小花</a></option>

<option value="花香">3<a href="#">小花</a></option>

<option value="花香">4<a href="#">小花</a></option>

<option value="花香">5<a href="#">小花</a></option>

</select>

总结一下：属性值用[ ]填充，文本内容用{ }填充，看完上面大概就明白了，谢谢。

//页面加载

$(document).ready(function(){

//给所有的父类DIV添加事件

$('.class_one').live('click', function() {

$(this).children().eq(1).css("display","none")

})

})

你在你的JS中加入这样一段话

它的意思是：点击父类时，找到父类下的第二个子集，给这个子集添加css样式

希望能对你有所帮助吧！

---