జావాస్క్రిప్ట్ / జూలెయిన్ డామ్ సెలెక్టర్

jQuery vs JavaScript

jQuery ని 2006 లో జాన్ రెజిగ్ సృష్టించాడు. ఇది బ్రౌజర్ అసమానతలను నిర్వహించడానికి మరియు HTML DOM ఆపరేషన్లు, ఇవెంట్ హాండ్లింగ్, అనిమేషన్ మరియు AJAX ను సరళీకరించడానికి ఉద్దేశించబడింది.

పదకొండు సంవత్సరాల నుంచి, jQuery ప్రపంచంలో అత్యంత ప్రజాదరణ పొందిన జావాస్క్రిప్ట్ లైబ్రరీగా ఉంది.

కానీ, జావాస్క్రిప్ట్ వెర్షన్ 5 (2009) తర్వాత, అనేక జూలీ ప్రయోగాలు ప్రామాణిక జావాస్క్రిప్ట్ ద్వారా పరిష్కరించబడవచ్చు:

హెచ్ఎంఎల్ మెలకువలను id ద్వారా కనుగొనండి

id="intro" యొక్క మెలకువను పొందండి:

జూలీ

var myElement = $("#id01");

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్

var myElement = document.getElementById("id01");

మీరే ప్రయత్నించండి

హెచ్ఎంఎల్ మెలకువలను టాగ్ పేరు ద్వారా కనుగొనండి

మారుమూలలు అన్ని <p> మెలకువలను పొందండి:

జూలీ

var myElements = $("p");

మీరే ప్రయత్నించండి

实例

var myElements = document.getElementsByTagName("p");

మీరే ప్రయత్నించండి

通过类名来查找 HTML 元素

class="intro" కలిగిన అన్ని ఎలిమెంట్స్ తిరిగి ఇస్తుంది.

జూలీ

var myElements = $(".intro");

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్

var myElements = document.getElementsByClassName("intro");

మీరే ప్రయత్నించండి

క్లాస్ సెలెక్టర్లు ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు పాత వెర్షన్స్ లో పనిచేయదు.

హెచ్ఎంఎల్ ఎలిమెంట్స్ కోసం CSS సెలెక్టర్స్ ద్వారా కనుగొనండి

class="intro" కలిగిన అన్ని <p> ఎలిమెంట్స్ జాబితాను తిరిగి ఇస్తుంది.

జూలీ

var myElements = $("p.intro");

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్

var myElements = document.querySelectorAll("p.intro");

మీరే ప్రయత్నించండి

querySelectorAll() మాథాడ్స్ ప్రక్రియలు ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు పాత వెర్షన్స్ లో పనిచేయదు.