div与div区别小结
生活随笔
收集整理的這篇文章主要介紹了
div与div区别小结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
兩者之間的區別:例如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則未發生變化。
轉載于:https://www.cnblogs.com/JsonZhangAA/p/5457918.html
總結
以上是生活随笔為你收集整理的div与div区别小结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 晚上总梦到蛇怎么回事
- 下一篇: 微信公众号开发笔记1-获取Access