jQuery on kevyt JavaScript-kirjasto, mikä tekee siitä helpompi käyttää JavaScript web-sivun.

Voit suorittaa oman toiminta-vähemmän koodia kuin JavaScript.

Tämä helpottaa HTML-dokumenttien manipulointia, läpikulkua, tapahtumien käsittelyä ja AJAX-pyynnön esittämistä.

yhteensopiva useimpien selainten kanssa ja tukee CSS3-valitsimia kiinteistöjen manipuloinnin löytämiseksi ja tyyliksi.,

Sisällysluettelo

  1. Lataa ja Kuuluu
  2. Alusta
  3. Ulkopuolinen tiedosto
  4. Johtopäätös

1. Lataa ja sisällytä

  • Siirry jQueryn virallisille sivuille.
  • kirjasto on saatavilla kahtena versiona-pakattuna ja pakkaamattomana. Pakattu on pienempi koko verrattuna pakkaamaton, koska siinä ei ole ylimääräisiä välilyöntejä ja kommentteja. Pakkaamaton versio on luettavissa ja helpompi debug.
  • Lataa pakattu versio.,
  • Käyttö <script > sisältää kirjaston HTML joko <head> tai <body>.
<script src='https://makitweb.com/embed-jquery-html-page/jquery-3.2.1.min.js'></script>
  • Voit myös käyttää saatavilla CDN sisällyttää kirjaston.

Google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Microsoft CDN

<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>

2. Alustaa

web-sivun, kirjoita jQuery-koodin sisällä asiakirja, valmis-tilaan <script > – tagin.

Esimerkki

esimerkissä käytin CDN kirjasto ja määritelty valitse tapahtuma-painiketta., Valitse muutos arvo textbox Elementti.

Lähtö

Klikkaa-painiketta.

3. Ulkopuolinen tiedosto

  • Luo uusi script.js tiedoston ja laittaa ennen script se.
  • Sisältää script.js jälkeen jQuery kirjastoa.

script.js

$(document).ready(function(){ $('#button').click(function(){ $('#txt1').val("Button clicked"); });});

– indeksi.html

ulostulo

klikkaa painiketta.

4. Johtopäätös

voit joko käyttää ulkoista jQuery-kirjastoa tai CDN-versiota sisältääksesi käsikirjoituksen.,

Jos olet luonut ulkoisen käsikirjoituksen ja käyttää jQuery se sitten sen täytyy olla mukana, kun jQuery-kirjasto script muuten se ei toimi ja tuottaa virhe.

Jos löysit tämän opetusohjelman hyödylliseksi, älä unohda jakaa.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *