Question

更新

<script type="text/javascript">
  $( document ).ready(function(){
    $("#the_submit_button").click(function(){
      e.preventDefault(); 
        if $("representativepassword") == "sales"
          $("protectivepanel").hide()
            $("secretpanel").show()
    });
  });
</script>

我收到未被捕获的语法错误，意外的标识符

这是我的嵌入式JavaScript

<script type="text/javascript">
  $( document ).ready(function(){
    $("#the_submit_button").click(function(){
      e.preventDefault(); 
        if $("text") == "sales" <!--something here--> 
          $("protectivepanel").hide()
            $("secretpanel").show()
    });
  });
</script>

我之前从未使用过jquery。我知道它正在正确地选择the_submit_button，因为我已经尝试修改它将css。

这是我的自助表格

<div class="container" id="protectivepanel">
  <form role="form">
    <div class="form-group">
      <label for="representativepassword">Representative's Password</label>
      <input type="text" class="form-control" id="representativepassword" placeholder=" Enter Password">
      <button type="submit" class="btn btn-default" id="the_submit_button">Submit</button>
  </form>
<div>

我有一个巨大的容器，一旦正确输入密码，我就会隐藏和显示。

目前容器看起来像这样

秘密的东西

我试过了

 ("input:sales"), ("representativepassword"), ("representativepassword)

语法错误？没有正确选择身份证？

Answer 1

Jquery使用CSS选择器：

$('div')

抓住所有div

$("#protectivepanel")

使用protectivepanel抓取元素作为ID

$(".secretpanel").show()

在类

中使用secretpanel抓取元素

Answer 2

您的选择器未指定ID .. $("#representativepassword") ..

使用＃按ID选择..

以下是可用选择器的列表：

http://api.jquery.com/category/selectors/

Answer 3

你在这里遇到了一些问题。

在e.preventDefault()中，您引用了未定义的变量e。尝试将参数e添加到处理click事件的匿名函数声明中。例如：$("#the_submit_button").click(function(e){。
您正在将id值传递给jQuery，但省略了＆＃34;＃＆＃34;告诉jQuery它们应该是ID的前缀。例如，您需要将$("protectivepanel")更改为$("3protectivepanel")。
您试图通过传递＆＃34; text＆＃34;来选择文本输入元素。到jQuery，但你应该这样做：$("input[type=text]")。
选择文本输入元素后，需要使用val()方法获取其内容。因此，将if $("text") == "sales"更改为if $("input[type=text]").val() === "sales"。

Answer 4

正如其他人所说，你需要为元素指定选择器，如果它是ID，类或具有类似类型的元素。

$(document).ready(function(){
    $("#the_submit_button").click(function(e){ //you need to send the event to the function otherwise the submit will work as normal
      e.preventDefault();
        if($(":text") == "sales"){ //Search for an element of type text
          $("#protectivepanel").hide() //missing # for id
            $("#secretpanel").show() //missing # for id or . for class
         }
    });
  });

不使用jquery show hide div容器正确选择元素

4 个答案: