<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="style/css.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.min.js"></script> <script> $(document).ready(function(){ $(".href_fiv").parent().addClass("div1"); $(".href_fiv").css("color","red"); //$(".div2").addClass("div1"); }); </script> </head> <body> <div id="par_div"> <a id="href_fir" href="#">href_fir</a> <a id="href_sec" href="#">href_sec</a> <a id="href_thr" href="#">href_thr</a> </div> <div class="div2"> <span id="par_span"> <a class="href_fiv" href="#">href_fiv</a> </span> </div> </body> </html>
1，jquery选择器 之 获取父级元素 parent()；只获取上一层一个父亲，即只获取了par_span，而没有获取div2
2，html子元素和后代元素有什么区别？
比如说
<ul>//我是爷爷 哈哈
<li>//我是爸爸，
<a href="">hi,mofe</a>//我是ul的后代元素,li的子元素
</li>
<ul>
隔代元素叫后代元素
原文：http://www.cnblogs.com/as3lib/p/4712520.html