<body>
<a href="#">link</a>
<h3>Selectors</h3>
<ul id="liste">
<li class="item">Id</li>
<li>Class <a href="#">link</a></li>
<li class="item">Element</li>
</ul>
<ul>
<li class="item">Id</li>
<li>Class <a href="#">link</a></li>
<li class="item">Element</li>
</ul>
<script>
// Id'ye Göre Seçim
console.log($("#liste"));
// Elemana Göre Seçim
console.log($("h3"));
console.log($("ul"));
console.log($("li"));
console.log($("a"));
// Class'a Göre Seçim
console.log($(".item"));
// Liste içindeki a elemanı seçimi
console.log($("ul li a"));
console.log($("li a"));
// İki ul elemanından "item" id'sine sahip olan linkin seçimi
console.log($("#liste a"));
</script>
This Pen doesn't use any external CSS resources.