找不到jquery表单的正确选择器单击

这是一个非常基本的问题。我正在建立一个网站，使用谷歌自定义搜索api在我的页面上显示搜索结果。默认情况下，google始终在页面上显示搜索结果框（没有任何实际结果），当用户单击搜索按钮时，列表将填充。我的目标是隐藏搜索结果框，并在用户单击搜索按钮时使用jquery显示它

你可以看到一个演示，但我已经设置好了，所以当你点击logo（左上角）时，results div就会显示出来。我似乎无法找到正确的选择器来触发点击显示。我还需要在搜索字段上按“回车”时显示div。下面是我的简单jquery：

$(document).ready(function(){
            alert($('input.gsc-search-button').length);
            $('input.gsc-search-button').click(function(){
            $('#cse').show(500);


         });

    });

我需要用合适的选择器替换徽标a，该选择器将在单击时显示cse div。您可以在页面右上角看到搜索输入按钮。救命啊

使用此选择器：

$(function() {
  $('input.gsc-search-button').click(function(){ 
     $('#cse').show(500);
  });
});

注意：给它一个ID是更好的方法，但是在不改变任何html的情况下，上面的选择器可以工作

更新 看起来是谷歌造成了麻烦，清除了你正在创建的事件，将连接放在他们的处理程序中，使其正常工作：

google.setOnLoadCallback(function(){
  var customSearchControl = new google.search.CustomSearchControl('012390824037940683019:gxvww9wrolu');
  customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
  var options = new google.search.DrawOptions();
  options.setSearchFormRoot('cse-search-form');
  customSearchControl.draw('cse', options);
  $('input.gsc-search-button').click(function(){ 
    $('#cse').show(500);
  });
}, true);

使用此选择器：

$(function() {
  $('input.gsc-search-button').click(function(){ 
     $('#cse').show(500);
  });
});

注意：给它一个ID是更好的方法，但是在不改变任何html的情况下，上面的选择器可以工作

更新 看起来是谷歌造成了麻烦，清除了你正在创建的事件，将连接放在他们的处理程序中，使其正常工作：

google.setOnLoadCallback(function(){
  var customSearchControl = new google.search.CustomSearchControl('012390824037940683019:gxvww9wrolu');
  customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
  var options = new google.search.DrawOptions();
  options.setSearchFormRoot('cse-search-form');
  customSearchControl.draw('cse', options);
  $('input.gsc-search-button').click(function(){ 
    $('#cse').show(500);
  });
}, true);

---

在过去，我使用选择器检测器和SelectorGadget来计算复杂的选择器。不确定这是否能解决你的问题，但值得一试

---

我刚刚写了一篇文章，比较了这两种方法，包括演示和下载链接。如果您想阅读更多内容，请在此处查看：

过去我使用选择器检测器和SelectorGadget来计算复杂的选择器。不确定这是否能解决你的问题，但值得一试

---

我刚刚写了一篇文章，比较了这两种方法，包括演示和下载链接。如果您想阅读更多内容，请在此处查看：

@JJCHASE11:什么浏览器？它在chrome中工作…应该一直工作。-同样按照Balus说的做，仍然需要文档。准备好了吗？我会更新以使它更清晰。@JCHASE11:Try

alert（$（'input.gsc search button'）.length），结果如何？谢谢尼克。我尝试firefox，但运气不好。我也在chrome上试用过，但没有任何运气。我将如何使用该代码（js newbie）@JCHASE11：只需将其粘贴到文档中即可：
$（function（）{alert（$（'input.gsc search button'）.length）；}）我更新了上面的脚本。这是正确的吗？它没有修复它-它只是在页面加载时给我一个javascript弹出窗口，显示值“0”@JJCHASE11:什么浏览器？它在chrome中工作…应该一直工作。-同样按照Balus说的做，仍然需要文档。准备好了吗？我会更新以使它更清晰。@JCHASE11:Try
alert（$（'input.gsc search button'）.length），结果如何？谢谢尼克。我尝试firefox，但运气不好。我也在chrome上试用过，但没有任何运气。我将如何使用该代码（js newbie）@JCHASE11：只需将其粘贴到文档中即可：
$（function（）{alert（$（'input.gsc search button'）.length）；}）我更新了上面的脚本。这是正确的吗？它没有修复它-它只是在页面加载时给我一个javascript弹出窗口，显示值“0”