JQuery更改文本框的类

我想通过单击链接将输入的类更改为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>

$（“#搜索”）。单击（函数（）{
$（“#txtSearch”）.toggleClass（'myClass1 myClass2'）；
});

使用：

$（“#搜索”）。单击（函数（）{
var txtSearch=$（“#txtSearch”）；
toggleClass（'myClass1'）；
toggleClass（'myClass2'）；
});

或：

$（“#搜索”）。单击（函数（）{
var txtSearch=$（“#txtSearch”）；
removeClass（'myClass1'）；
txtSearch.addClass（'myClass2'）；
});

您应该添加“return false”；点击你的功能。否则浏览器将跟随链接并刷新浏览器

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

$（“#搜索”）。单击（函数（）{
$（“#txtSearch”）.toggleClass（'myClass1 myClass2'）；
返回false；
});

您的代码应该是：

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

只给出一个类名

注意：如果您同时给出两个类名，那么这将同时应用两个类属性，并且您无法找到要应用的类。

---

.

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

看到这个样本了吗

---

dom准备好了吗？如果锚是空的，你怎么能单击它？对不起，锚不是空的。我刚刚删除了文本。如何检查dom？@user3205343，检查我的答案below@user3205343

$（函数（）{//put jquery here}）
<script type="text/javascript">
    $("#search").click(function() {
        $("#txtSearch").toggleClass('myClass1 myClass2');
        return false;
    });
</script>

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

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