å¨jqueryä¸å¯ä»¥ä½¿ç¨2ç§æ¹æ³æ¥å¤æä¸ä¸ªå
ç´ æ¯å¦å
å«ä¸ä¸ªç¡®å®çç±»(class)ã两ç§æ¹æ³æçç¸åçåè½ã2ç§æ¹æ³å¦ä¸ï¼
1. is(â.classnameâ)
2. hasClass(âclassnameâ)
以ä¸æ¯ä¸ä¸ªdivå ç´ æ¯å¦å å«ä¸ä¸ªredColorçä¾åï¼
1. 使ç¨is(â.classnameâ)çæ¹æ³
$('div').is('.redColor')
2. 使ç¨hasClass(âclassnameâ)çæ¹æ³(注æjqueryçä½çæ¬å¯è½æ¯hasClass(â.classnameâ))
$('div').hasClass('redColor')
以ä¸æ¯æ£æµä¸ä¸ªå ç´ æ¯å¦å«æä¸ä¸ªredColorç±»çä¾åï¼å«ææ¶ï¼åæå ¶ç±»å为blueColorã
<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çææä¸åå§ææç¸åã
1. is(â.classnameâ)
2. hasClass(âclassnameâ)
以ä¸æ¯ä¸ä¸ªdivå ç´ æ¯å¦å å«ä¸ä¸ªredColorçä¾åï¼
1. 使ç¨is(â.classnameâ)çæ¹æ³
$('div').is('.redColor')
2. 使ç¨hasClass(âclassnameâ)çæ¹æ³(注æjqueryçä½çæ¬å¯è½æ¯hasClass(â.classnameâ))
$('div').hasClass('redColor')
以ä¸æ¯æ£æµä¸ä¸ªå ç´ æ¯å¦å«æä¸ä¸ªredColorç±»çä¾åï¼å«ææ¶ï¼åæå ¶ç±»å为blueColorã
<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çææä¸åå§ææç¸åã
温馨提示：内容为网友见解，仅供参考
无其他回答
相似回答
