Question

我想通过点击链接将输入的类更改为myClass2及其后退：

<a id="search" href=""></a>    
<input type="text" id="txtSearch" class="myClass1">

我的错误是没有任何改变。我的JQuery看起来像这样：

<script type="text/javascript">
$("#search").click(function() {
$("#txtSearch").toggleClass('myClass1 myClass2');
});
</script>

Answer 1

您的代码已经运行，您是否下载了jquery插件？

请参阅此示例FIDDLE

$("#search").click(function() {
$("#txtSearch").toggleClass('myClass1 myClass2');
});

Answer 2

使用：

<script type="text/javascript">
$("#search").click(function() {
  var txtSearch = $("#txtSearch");
  txtSearch.toggleClass('myClass1');
  txtSearch.toggleClass('myClass2');
});
</script>

或：

<script type="text/javascript">
$("#search").click(function() {
  var txtSearch = $("#txtSearch");
  txtSearch.removeClass('myClass1');
  txtSearch.addClass('myClass2');
});
</script>

Answer 3

你应该添加'return false';到你的点击功能。否则，浏览器将按照链接并刷新浏览器。

<script type="text/javascript">
    $("#search").click(function() {
        $("#txtSearch").toggleClass('myClass1 myClass2');
        return false;
    });
</script>

Answer 4

您的代码应为：

$("#search").click(function() {
  $("#txtSearch").toggleClass('myClass2');
});

只提供一个班级名称。

注意：如果您同时提供两个类名，那么这将同时应用两个类属性，但您无法找到正在应用的类。

JQuery更改文本框的类

4 个答案: