在jQuery或者css中，加不加这个空格是有明显的区别哦，两个类之间加空格和不加空格的区别
1.当一个标签有两个类的时候，（也就是说这两个了类是同级的）则，在两个类之间不加空格。
2.当这两个类的标签是父子关系，（也可以说是上下级关系）则，在两个类之间必须加空格。
例如：我想实现是第二种关系，所以，当我不加空格的时候，不能正常运行，并且还不会报任何错误
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>慢慢的隐藏div里面的内容</title> <script type="text/javascript" src="js/JQuery.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".div_class .but_class").click(function(){ $(this).parents(".div_class").hide("slow"); }); }); </script> </head> <body> <h2>隐藏1</h2> <div class="div_class"> <button class = "but_class">点击1</button> <p class="p_class">此句话可以隐藏起来哦！此句话可以隐藏起来哦！此句话可以隐藏起来哦！此句话可以隐藏起来哦！</p> </div> <h2>隐藏2</h2> <div class="div_class"> <button class = "but_class">点击2</button> <p class="p_class">此句话可以隐藏起来哦！此句话可以隐藏起来哦！此句话可以隐藏起来哦！此句话可以隐藏起来哦！</p> </div> </body> </html>