国产精品爱啪在线线免费观看,国产亚洲AV片在线观看18男人

怎么使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類（class）

在jQuery中可以使用2種方法來(lái)判斷一個(gè)元素是否包含一個(gè)確定的類(class)。兩種方法有著相同的功能。2種方法如下：（個(gè)人喜歡用hasClass()）

1. hasClass(‘classname’)

2. is(‘.classname’)

以下是一個(gè)div元素是否包含一個(gè)redColor的例子：

$('div').is('.redColor')

$('div').hasClass('redColor')

以下是檢測(cè)一個(gè)元素是否含有一個(gè)redColor類的例子，含有時(shí)，則把其類變?yōu)閎lueColor。

<html>

<head>

<styletype="text/css">

  .redColor {

        background:red;

  .blueColor {

        background:blue;

</style>

<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>

</head>

<body>

  <h1>jQuery check if an element has a certain class</h1>

  <divclass="redColor">This is a div tag with class name of "redColor"</div>

<p>

  <buttonid="isTest">is('.redColor')</button>

  <buttonid="hasClassTest">hasClass('.redColor')</button>

  <buttonid="reset">reset</button>

  </p>

<scripttype="text/javascript">

    $("#isTest").click(function () {

          if($('div').is('.redColor')){

                $('div').addClass('blueColor');

});

    $("#hasClassTest").click(function () {

          if($('div').hasClass('redColor')){

                $('div').addClass('blueColor');

});

        $("#reset").click(function () {

          location.reload();

});

</script>

</body>

</html>

初始效果：

點(diǎn)擊is('.redColor')后的效果：

點(diǎn)擊hasClass('redColor')的效果與點(diǎn)擊is('.redColor')后的效果相同，點(diǎn)擊reset的效果與初始效果相同。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。