亚洲综合欧美,{热99re6久精品国产首页青柠,国产性夜夜春夜夜爽免费

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

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

1. hasClass(‘classname’)

2. is(‘.classname’)

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

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

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

以下是檢測一個元素是否含有一個redColor類的例子，含有時，則把其類變?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>

初始效果：

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

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

文章來源：博客園

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

分享本文至：