1、在电脑桌面上，选择【JetBrains PhpStorm 2016.3.2】进入。
2、在“PhpStorm 2016.3.2”中，新建一个新的html文件【test.html】。
3、在“test.html”文件中，填写如下代码。<!DOCTYPE html><html lan爿讥旌护g="en"><head> <meta charset="UTF-8"> <title>判断css的display属性 </title></head><body><div class="head" id="head"> <span>判断css的display属性</span></div></body></html>
4、在test.html文件的head之间，引入jquery.js插件文件。<script type="text/javascript" src="./js/jquery.js"></script>
5、在test.html文件的head之间，填写上head包含的span的css属性，如下。<style type="te旌忭檀挢xt/css"> .head span{ display:block; }</style>
6、在test.html文件的head之间，写入判断css的display属性的js功熹栳缂靖能。<script type="text/javascript"> $(熠硒勘唏function(){ $mydiv=$(".head span"); $display=$mydiv.css("display"); switch($display){ case "none": alert("none");break; case "block": alert("block");break; case "inline": alert("inline");break; case "inline-block": alert("inline-block");break; default:alert("other");break; } });</script>其中：$mydiv=$(".head span");$display=$mydiv.css("display");这两句是获取css的display属性。switch($display){ case "none": alert("none");break; case "block": alert("block");break; case "inline": alert("inline");break; case "inline-block": alert("inline-block");break; default:alert("other");break; }这个switch case语句是判断display属性。
