如果X类不存在，则Jquery/Javascript添加类

我是新来的，如果我在这个问题上犯了一些错误，很抱歉。 我有一个HTML代码

<a href="#" id="foo" class="one">hit me</a>

但是如果class

two

不存在，我如何添加class

two

，如果class

two

存在，如何执行其他功能？ 也许像这样

<a href="#" id="foo" class="one">hit me</a>

但当我再次点击

时，类
two
不会被删除，因为类存在，所以我在类two存在的基础上创建了其他函数

这样说吧,

<a href="#" id="foo" class="one">hit me</a>

我撞到我了

<a href="#" id="foo" class="one">hit me</a>
    <div id="blah" class=""*>lorem</div>

你能给我代码或谷歌建议关键字或链接，因为我搞不清楚我必须先搜索什么

谢谢你的广告， 对不起，我的语法不好，我不能说/写英语，如果有错误的语法或语言请纠正我

使用jQuery方法

使用jQuery方法

使用jQuery方法

使用jQuery方法

---

我有点搞不清楚您到底想做什么，但我认为您需要先了解一下

.hasClass（）

$(document).ready(function () {
    $('a#foo').click(function(){
            if ($('.one').hasClass('two')) {
                // do stuff you want to do if element already has class "two"
            }
            else {
                // do stuff if it doesnt already have class "two"
            }
        });
    });

---

我有点搞不清楚您到底想做什么，但我认为您需要先了解一下

.hasClass（）

$(document).ready(function () {
    $('a#foo').click(function(){
            if ($('.one').hasClass('two')) {
                // do stuff you want to do if element already has class "two"
            }
            else {
                // do stuff if it doesnt already have class "two"
            }
        });
    });

---

我有点搞不清楚您到底想做什么，但我认为您需要先了解一下

.hasClass（）

$(document).ready(function () {
    $('a#foo').click(function(){
            if ($('.one').hasClass('two')) {
                // do stuff you want to do if element already has class "two"
            }
            else {
                // do stuff if it doesnt already have class "two"
            }
        });
    });

---

我有点搞不清楚您到底想做什么，但我认为您需要先了解一下

.hasClass（）

$(document).ready(function () {
    $('a#foo').click(function(){
            if ($('.one').hasClass('two')) {
                // do stuff you want to do if element already has class "two"
            }
            else {
                // do stuff if it doesnt already have class "two"
            }
        });
    });

使用该方法，您将看到以下示例：

$(document).ready(function () {
    $('a#foo').click(function(){

      if ($(this).hasClass('two')) {
          $('#blah').addClass('blah2'); 
      } else {
          $(this).addClass('two'); 
      }

    });
});

使用该方法，您将看到以下示例：

$(document).ready(function () {
    $('a#foo').click(function(){

      if ($(this).hasClass('two')) {
          $('#blah').addClass('blah2'); 
      } else {
          $(this).addClass('two'); 
      }

    });
});

使用该方法，您将看到以下示例：

$(document).ready(function () {
    $('a#foo').click(function(){

      if ($(this).hasClass('two')) {
          $('#blah').addClass('blah2'); 
      } else {
          $(this).addClass('two'); 
      }

    });
});

使用该方法，您将看到以下示例：

$(document).ready(function () {
    $('a#foo').click(function(){

      if ($(this).hasClass('two')) {
          $('#blah').addClass('blah2'); 
      } else {
          $(this).addClass('two'); 
      }

    });
});

---

我在猜测你的确切需求，但我希望我的假设不会太离谱

给定如下HTML：

<a href="#" id="foo" class="one">hit me</a>
<div id="change" class="blah1"></div>

像这样：

$(document).ready(function () {
    $('a#foo').click(function(e){
        e.preventDefault();
        var changeDiv = $('#change'); 
        if ($(this).hasClass('two')) {
            changeDiv.addClass('blah2').removeClass('blah1');
            changeDiv.html('<p>Blah 2</p>');
        } else {
            changeDiv.addClass('blah1').removeClass('blah2');
            changeDiv.html('<p>Blah 1</p>');
        }
        $('.one').toggleClass('two');
    });
});

$（文档）.ready（函数（）{
$（'a#foo'）。单击（函数（e）{
e、 预防默认值（）；
var changeDiv=$（“#change”）；
if（$（this）.hasClass（'two'））{
changeDiv.addClass（'blah2'）。removeClass（'blah1'）；
html（“blah2
”）；
}否则{
changeDiv.addClass（'blah1'）。removeClass（'blah2'）；
html（“blah1
”）；
}
$（'.one'）.toggleClass（'two'）；
});
});

单击时，您将能够切换链接的类，并根据链接的类更改或更新另一个div

---

您可以看到这段代码在

上运行。我猜您的确切需求是什么，但我希望我的假设不会太离谱

给定如下HTML：

<a href="#" id="foo" class="one">hit me</a>
<div id="change" class="blah1"></div>

像这样：

$(document).ready(function () {
    $('a#foo').click(function(e){
        e.preventDefault();
        var changeDiv = $('#change'); 
        if ($(this).hasClass('two')) {
            changeDiv.addClass('blah2').removeClass('blah1');
            changeDiv.html('<p>Blah 2</p>');
        } else {
            changeDiv.addClass('blah1').removeClass('blah2');
            changeDiv.html('<p>Blah 1</p>');
        }
        $('.one').toggleClass('two');
    });
});

$（文档）.ready（函数（）{
$（'a#foo'）。单击（函数（e）{
e、 预防默认值（）；
var changeDiv=$（“#change”）；
if（$（this）.hasClass（'two'））{
changeDiv.addClass（'blah2'）。removeClass（'blah1'）；
html（“blah2
”）；
}否则{
changeDiv.addClass（'blah1'）。removeClass（'blah2'）；
html（“blah1
”）；
}
$（'.one'）.toggleClass（'two'）；
});
});

单击时，您将能够切换链接的类，并根据链接的类更改或更新另一个div

---

您可以看到这段代码在

上运行。我猜您的确切需求是什么，但我希望我的假设不会太离谱

给定如下HTML：

<a href="#" id="foo" class="one">hit me</a>
<div id="change" class="blah1"></div>

像这样：

$(document).ready(function () {
    $('a#foo').click(function(e){
        e.preventDefault();
        var changeDiv = $('#change'); 
        if ($(this).hasClass('two')) {
            changeDiv.addClass('blah2').removeClass('blah1');
            changeDiv.html('<p>Blah 2</p>');
        } else {
            changeDiv.addClass('blah1').removeClass('blah2');
            changeDiv.html('<p>Blah 1</p>');
        }
        $('.one').toggleClass('two');
    });
});

$（文档）.ready（函数（）{
$（'a#foo'）。单击（函数（e）{
e、 预防默认值（）；
var changeDiv=$（“#change”）；
if（$（this）.hasClass（'two'））{
changeDiv.addClass（'blah2'）。removeClass（'blah1'）；
html（“blah2
”）；
}否则{
changeDiv.addClass（'blah1'）。removeClass（'blah2'）；
html（“blah1
”）；
}
$（'.one'）.toggleClass（'two'）；
});
});

单击时，您将能够切换链接的类，并根据链接的类更改或更新另一个div

---

您可以看到这段代码在

上运行。我猜您的确切需求是什么，但我希望我的假设不会太离谱

给定如下HTML：

<a href="#" id="foo" class="one">hit me</a>
<div id="change" class="blah1"></div>

像这样：

$(document).ready(function () {
    $('a#foo').click(function(e){
        e.preventDefault();
        var changeDiv = $('#change'); 
        if ($(this).hasClass('two')) {
            changeDiv.addClass('blah2').removeClass('blah1');
            changeDiv.html('<p>Blah 2</p>');
        } else {
            changeDiv.addClass('blah1').removeClass('blah2');
            changeDiv.html('<p>Blah 1</p>');
        }
        $('.one').toggleClass('two');
    });
});

$（文档）.ready（函数（）{
$（'a#foo'）。单击（函数（e）{
e、 预防默认值（）；
var changeDiv=$（“#change”）；
if（$（this）.hasClass（'two'））{
changeDiv.addClass（'blah2'）。removeClass（'blah1'）；
html（“blah2
”）；
}否则{
changeDiv.addClass（'blah1'）。removeClass（'blah2'）；
html（“blah1
”）；
}
$（'.one'）.toggleClass（'two'）；
});
});

单击时，您将能够切换链接的类，并根据链接的类更改或更新另一个div

---

您可以看到这段代码在

中工作。另一种方法是检查dom中是否存在给定的类。因此，可以使用以下方法：

$(document).ready(function () {

    $('a#foo').click(function(){

        if ($('.two').length) {

            //there is a class two
            SomeFunction();   
        } else {

            //there is no class two
            SomeOtherFunction();
        }
    });
});

---

希望我键入的是正确的

另一种方法是检查dom中是否存在给定的类。因此，可以使用以下方法：

$(document).ready(function () {

    $('a#foo').click(function(){

        if ($('.two').length) {

            //there is a class two
            SomeFunction();   
        } else {

            //there is no class two
            SomeOtherFunction();
        }
    });
});

---

希望我键入的是正确的

另一种方法是检查dom中是否存在给定的类。因此，可以使用以下方法：

$(document).ready(function () {

    $('a#foo').click(function(){

        if ($('.two').length) {

            //there is a class two
            SomeFunction();   
        } else {

            //there is no class two
            SomeOtherFunction();
        }
    });
});

---

希望我键入的是正确的

另一种方法是检查dom中是否存在给定的类。因此，可以使用以下方法：

$(document).ready(function () {

    $('a#foo').click(function(){

        if ($('.two').length) {

            //there is a class two
            SomeFunction();   
        } else {

            //there is no class two
            SomeOtherFunction();
        }
    });
});

希望我输入的正确

使用以下代码：

$（文档）.ready（函数（）{
if（！$（'#mydiv'）.hasClass（'myclass'））{
$（'#mydiv'）.addClass（'myclass'）；
}
});

使用以下代码：

$（文档）.ready（函数（）{
if（！$（'#mydiv'）.hasClass（'myclass'））{
$（'#mydiv'）.addClass（'myclass'）；
}
});

使用以下代码：

$（文档）.ready（函数（）{
if（！$（'#mydiv'）.hasClass（'myclass'））{
$（'#mydiv'）.addClass（'myclass'）；
}
});

U