在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>