# Strona laboratorium operacji biblioteki jQuery

## Operacja

Wpisz w poniższym polu dowolne wyrażenie biblioteki jQuery zapewniające jej zestaw i kliknij przycisk Wykonaj.

Operacja:
Liczba dopasowanych elementów: 0

## Przykład modelu DOM

## Kod przykładowego modelu DOM

    <span>Some images:</span>
    <div>
       <img src="../images/image.1.jpg" id="hibiscus" alt="Hibiskus"/>
       <img src="../images/image.2.jpg" id="little-bear" title="Pies o imieniu Niedźwiadek"/>
       <img src="../images/image.3.jpg" id="verbena" alt="Werbena"/>
       <img src="../images/image.4.jpg" id="cozmo" title="Szczeniak o imieniu Cozmo"/>
       <img src="../images/image.5.jpg" id="tiger-lily" alt="Tygrys Lilia"/>
       <img src="../images/image.6.jpg" id="coffee-pot"/>
    </div>

    <div id="some-div">To jest element &lt;div&gt; o identyfikatorze elementu <code>some-div</code></div>

    <h2>Witaj, jestem elementem &lt;h2&gt;</h2>
    <p>
       Jestem akapitem, miło Cię poznać.
    </p>

    <ul class="my-list">
       <li>
          <a href="http://jquery.com">Witryna internetowa biblioteki jQuery</a>
          <ul>
             <li><a href="#css1">CSS1</a></li>
             <li><a href="#css2">CSS2</a></li>
             <li><a href="#css3">CSS3</a></li>
             <li>Podstawowy język XPath</li>
          </ul>
       </li>
       <li>
          Biblioteka jQuery obsługuje też:
          <ul>
             <li>Selektory niestandardowe</li>
             <li>Selektory formularza</li>
          </ul>
       </li>
    </ul>

    <table id="languages">
       <thead>
       <tr>
          <th>Język</th>
          <th>Typ</th>
          <th>Rok utworzenia</th>
       </tr>
       </thead>
       <tbody>
       <tr>
          <td>Java</td>
          <td>Statyczny</td>
          <td>1995</td>
       </tr>
       <tr>
          <td>Ruby</td>
          <td>Dynamiczny</td>
          <td>1993</td>
       </tr>
       <tr>
          <td>Smalltalk</td>
          <td>Dynamiczny</td>
          <td>1972</td>
       </tr>
       <tr>
          <td>C++</td>
          <td>Statyczny</td>
          <td>1983</td>
       </tr>
       </tbody>
    </table>

    <form id="form-fake" action="#">
       <div>
          <label for="text-field">Tekst:</label>
          <input type="text" id="text-field" name="text-field"/>
       </div>
       <div>
          <span>Grupa przycisków opcji:</span>
          <label><input type="radio" name="radio-group" id="radio-a" value="A"/> A</label>
          <label><input type="radio" name="radio-group" id="radio-b" value="B" checked="checked"/> B</label>
          <label><input type="radio" name="radio-group" id="radio-c" value="C"/> C</label>
       </div>
       <div>
          <span>Pola wyboru:</span>
          <label><input type="checkbox" name="checkboxes" id="checkbox-1" value="1"/> 1</label>
          <label><input type="checkbox" name="checkboxes" id="checkbox-2" value="2"/> 2</label>
          <label><input type="checkbox" name="checkboxes" id="checkbox-3" value="3" checked="checked"/> 3</label>
          <label><input type="checkbox" name="checkboxes" id="checkbox-4" value="4"/> 4</label>
       </div>
       <input type="submit" id="button-submit" value="Wyślij" />
    </form>