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>