Személyes eszközök
Keresés

 

A InfoWiki wikiből

(Változatok közti eltérés)
a (Ajax egyszerűen =)
a (DOM elem kiválasztása)
27. sor: 27. sor:
  $('#aziderteke')
  $('#aziderteke')
 +
* egyetlen <p> elem, amelynek id-je az alábbi:
 +
$('p#myid')
 +
 +
* összes adott tag kiválasztása
 +
$('div')
 +
 +
* összes adott class névvel rendelkező elem kiválasztása
 +
$('.myclass')  <- class="myclass"
 +
$('p.myclass')  <-  <p class="myclass"
 +
$('.myclass.otherclass')  <- <div class="myclass"> <span class="otherclass">
 +
 +
* adott konténerben lévő p elemek
 +
$('#container p') <- <div id="container"> <p>...</p>
 +
$('a img')        <- <a ...><img .../></a>
 +
 +
* E > F viszony: keressük azokat az F-eket, akik E-n belül vannak.
 +
$('div > ul')  <- azon ul amelyek div-ben vannak
 +
 +
 +
* E + F viszony: keressük azokat az F-eket, amelyek az E-n belül jönnek azonnal
 +
$('ul + p')    <- olyan p-k, amelyek egy ul utan vannak azonnal
 +
 +
* minden elem
 +
$('*')
 +
$('p > *')    <- minden, p-n belüli elem
== Document onload event ==
== Document onload event ==

A lap 2010. március 18., 08:31-kori változata



Tartalomjegyzék

jQuery behívása a lapra

<!-- ha helyi masolatunk van -->
  <script type="text/javascript" src="jquery.js"></script>
 
  <!-- ha eredeti forrast hasznalunk van -->
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

DOM elem kiválasztása

  • Egyetlen elem (id alapján kiválasztása):
$('#aziderteke')
  • egyetlen

    elem, amelynek id-je az alábbi:

$('p#myid')
  • összes adott tag kiválasztása
$('div')
  • összes adott class névvel rendelkező elem kiválasztása
$('.myclass')   <- class="myclass"
$('p.myclass')  <-  <p class="myclass"
$('.myclass.otherclass') <-
  • adott konténerben lévő p elemek
$('#container p') <-
<p>...</p>
$('a img')        <- <a ...><img .../></a>
  • E > F viszony: keressük azokat az F-eket, akik E-n belül vannak.
$('div > ul')   <- azon ul amelyek div-ben vannak


  • E + F viszony: keressük azokat az F-eket, amelyek az E-n belül jönnek azonnal
$('ul + p')    <- olyan p-k, amelyek egy ul utan vannak azonnal
  • minden elem
$('*')
$('p > *')     <- minden, p-n belüli elem

Document onload event

$(document).ready(
  function() 
  {
  // ...
  }
 );

Ajax egyszerűen

Egy elem tartalmának betöltése AJAX-ból:

 $('#mydiv').load(this.href);

Manupiláció

  • Attribútum érték megváltoztatása
$elem.attr('id', chapterId)

A lap eredeti címe: „http://wiki.ektf.hu/wiki/Cgi-ea/page200
Nézetek
nincs sb_44.222.225.12 cikk