尝试使用jquery显示div元素

Question

我想默认隐藏div元素，当你单击css按钮时它应该在中心显示div元素，到目前为止我已经尝试了下面的代码，但它根本不显示div元素使用.show jquery时使用“display：none”。我想我正在弄乱文本按钮连接部分。

的jQuery

<div class="social" style="display:none">some text</div>
<script>    
$("s").click(function(){
$("social").show();
});
</script>

HTML

<li id="s"><a href="#s"> <text class="s">Social</a></li></text>

“社交”文本是一个css按钮。

编辑：现在修复，这是一个愚蠢的错误，抱歉。

Answer 1

尝试将您的代码放入DOM准备就绪，并且您目前缺少#定位id和.定位class，代码应为：

$(document).ready(function() {
   $("#s").click(function(){
        $(".social").show();
   });
});

Answer 2

试试：

$("#s").click(function(){
    $(".social").show();
});

您错过了.，这是类选择器而#是ID选择器。

Answer 3

你必须替换

<script>    
  $("s").click(function(){
    $("social").show();
  });
</script>

通过

<script>    
  $(function() {
    $("#s").click(function(){
      $(".social").show();
    });
  });
</script>

$(function() { ... })与$(document).ready(function() { ... });

相同

如果您不等待文档准备就绪，则jquery无法访问您的s元素。

Answer 4

您的选择器错误，它应该像CSS一样：#用于id，.用于类。

$("#s").click(function(){
    $(".social").show();
});

Answer 5

尝试使用“＃”作为ID和“。”对于CLASS

$("#s").click(function(){
    $(".social").show();
});

Answer 6

首先，确保在DOM准备好之前不会执行您的代码。因此，请用：

包装

$(function() {
    // Your code here
});

其次，您在代码中缺少ID和CLASS标识符：

<div class="social" style="display:none">some text</div>
<script>    
    $("#s").click(function(){
        $(".social").show();
    });
</script>