Ezekkel a metódusokkal a DOM fában tudunk lekérdezni és módosítani elemeket.
.addClass()
Adjuk hozzá az utolsó bekezdést a selected osztályhoz
ennek önmagában nincs látványos hatása, de ha a selected osztály a css-ban sárga háttérrel rendelkezik, akkor az utolsó bekezdés háttere sárga lesz.
<!DOCTYPE html>
<html>
<head>
<style>
p { margin: 8px; font-size:16px; }
.selected { color:blue; }
.highlight { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Hello</p>
<p>and</p>
<p>Goodbye</p>
<script>$("p:last").addClass("selected");</script>
</body>
</html>
<html>
<head>
<style>
p { margin: 8px; font-size:16px; }
.selected { color:blue; }
.highlight { background:yellow; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>Hello</p>
<p>and</p>
<p>Goodbye</p>
<script>$("p:last").addClass("selected");</script>
</body>
</html>
.removeClass()
Ki tudunk venni egy elemet egy osztályból.
.hasClass()
Le tudjuk kérdezni, hogy egy edott elem benne van-e egy osztályban.
pl: $('#mydiv').hasClass('osztaly')
a mydiv id-jű elem az "osztaly" nevű osztályban van-e
.toggleClass()
Ha az elem az osztályban van, kiveszi belőle, ha nincs benne, bele teszi.
.attr()
le tudjuk kérdezni, vagy be tudjuk állítani egy elem egy attribútumát.
Pl: kérdezzük le az em elem title tulajdonságát, és irassuk ki a div elembe
<!DOCTYPE html>
<html>
<head>
<style>em { color:blue; font-weight;bold; }
div { color:red; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>
Once there was a <em title="huge, gigantic">large</em> dinosaur...
</p>
The title of the emphasis is:<div></div>
<script>var title = $("em").attr("title");
$("div").text(title);
</script>
</body>
</html>
<html>
<head>
<style>em { color:blue; font-weight;bold; }
div { color:red; }</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>
Once there was a <em title="huge, gigantic">large</em> dinosaur...
</p>
The title of the emphasis is:<div></div>
<script>var title = $("em").attr("title");
$("div").text(title);
</script>
</body>
</html>
.removeAttr()
Eltávolítja az elem attribútumát
Pl: $('#szovegdoboz').removeAttr("disabled")
kitürli a diabled tulajdonságot.
.html()
Lekérdezhetjük egy elem HTML tartalmát az első illeszkedő elemnek. Pl ha egy gombról van szó, a metódus általá visszaadott érték így nézhet ki:
<button name="nada">button</button>
.val()
Le tudjuk kérdezni, hogy egy edott elem benne van-e egy osztályban.
pl: var htmlStr = $('#div1').html();
$('#div2').text(htmlStr);
lekérdezi a div1-nek és belsejének a html kódját, és a div2-be másolja, azaz a két div azonos lesz.