两者之间的区别:例如div span得到的是div下所有的span元素,而div>span则是取得的div下第一级的span元素。
示例代码如下:
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><meta charset="utf-8" /><script src="jquery-1.7.2.min.js"></script><title></title><script>$(document).ready(function () {$("div span").css("font-size", "20px");//$("div>span").css("font-size","20px"); });</script> </head> <body><div><p><span>博客园1</span></p><span>博客园2</span><span>博客园3</span></div> </body> </html>
结果是所有的span元素都变为20px。
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head><meta charset="utf-8" /><script src="jquery-1.7.2.min.js"></script><title></title><script>$(document).ready(function () {//$("div span").css("font-size", "20px");$("div>span").css("font-size","20px"); });</script> </head> <body><div><p><span>博客园1</span></p><span>博客园2</span><span>博客园3</span></div> </body> </html>
结果是博客园2、博客园3字体变为20px,博客园1则未发生变化。