å¨jQueryä¸ï¼ä½ è½å¤ä½¿ç¨.lengthå±æ§æ¥æ£æµä¸ä¸ªå
ç´ æ¯å¦åå¨ãå¦æå
ç´ åå¨ï¼ålengthå±æ§ä¼è¿åæ以å¹é
çå
ç´ ç个æ°ã
ä¾å¦ï¼
if($('#div1').length){
alert("Div1 exists");
}else{
alert("Div1 does not exists");
}
æ¤ç¨æ¥æ£æµä¸ä¸ªid为div1çå
ç´ æ¯å¦åå¨ã
Jquery length ä¾å
<html>
<head>
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
</head>
<body>
<h1>jQuery check if an element exists</h1>
<scripttype="text/javascript">
$(document).ready(function(){
$("#buttonDiv1").click(function () {
if($('#div1').length){
alert("Div1 exists");
}else{
alert("Div1 does not exists");
}
});
$("#buttonDiv2").click(function () {
if($('#div2').length){
alert("Div2 exists");
}else{
alert("Div2 does not exists");
}
});
});
</script>
</head><body>
<divid="div1">
<b>This is DIV element which has an ide of "div1"</b>
</div>
<br/>
<br/>
<br/>
<inputtype='button'value='div1 exists?'id='buttonDiv1'>
<inputtype='button'value='div2 exists?'id='buttonDiv2'>
</body>
</html>