JQuery 選擇器 - 根據css style和id選擇

時間 2019-11-15

標籤 jquery 選擇器根據 css style 選擇欄目 JQuery 简体版

原文原文鏈接

1.根據id來選擇， $('#idA') 選擇全部id爲idA的元素，忽略元素標籤， $('div#idA')選擇全部的id爲idA的div. javascript

2.$('.classA')不考慮標籤選擇全部的class中有classA的元素。$('div.classA')選擇全部的class中包含classA的div元素。 html

<html>
<head>
<title>jQuery Get element with class name and id</title>
 
<script type="text/javascript" src="jquery-1.10.2.js"></script>
 
</head>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
    var $element = $('.classABC').html();
    alert($element);
 
    var $element = $('#idABC').html();
    alert($element);
 
});
 
</script>
<body>
 
<h1>jQuery Get element with class name and id</h1>
 
	<div class="classABC">
		This is belong to 'div class="classABC"' 
	</div>
 
	<div id="idABC">
		This is belong to 'div id="idABC"'
	</div>
 
</body>
</html>

相關標籤/搜索