* počítačové znalosti >> Programovanie >> JavaScript Programovanie >> .

Ako získať textové oblasti podľa názvu v jQuery

jQuery je silný JavaScript knižnica , ktorá umožňuje vytvárať zložité funkcie jazyka JavaScript s minimom kódu . Pomocou voliča systém jQuery je ľahké odkazovať na ľubovoľný prvok na stránke HTML , a potom si prečítajte , alebo zmeniť jeho hodnotu . Napríklad , môžete odkazovať na prvok jeho id odkazu , alebo pomocou hodnoty atribútu name . Dalo by sa použiť toto vykonať overenie na prvku formulára , alebo čítať používateľ zadal hodnotu pre použitie vo výpočte alebo podobne . Pokyny dovolená 1

Otvorte webový prehliadač a prejdite na domovskú stránku jQuery ( jquery.com ) . Zaškrtnite políčko vedľa " výroby " v pravom hornom rohu domovskej stránky , a potom kliknite na tlačidlo " Stiahnuť " . Tým sa stiahnu výrobné verziu knižnice jQuery , ktorý je stlačený a minified pre menšie veľkosti súborov a rýchlejšie načítanie . Uložte stiahnutý súbor do adresára s názvom " jQuery " v koreňovom adresári vášho webu .
2

Otvorte textový editor alebo web design aplikácie a vytvoriť novú HTML stránku . Pridajte nasledujúci kód medzi HTML " " a " < /head > " značiek .

< Typ script = " text /javascript " src = " /jquery/jquery-1.6.2 . min.js " > < /script >

Tento kód načíta knižnicu jQuery pre použitie na stránke . Zmeňte číslo verzie na konci názvu súboru tak , aby zodpovedala verzii , ktorý ste stiahli , pretože nové verzie sú uvoľňované často .
3

Pridajte nasledujúci kód na vaše stránky , medzi HTML " " a " < /body > " tagy.

< /textarea > <br> <p> < input type = " tlačidlo " name = " myButton " id = " myButton " value = " Zobraziť " /> <br> <p> < /form > <br> <p> pridá formulár na vaše stránky , ktorá obsahuje textové pole HTML s názvom " myTextArea , " a tlačidlo HTML , ktorý spustí kód získať obsah textového poľa po kliknutí . <br> 4 <p> Pridajte nasledujúci kód do HTML vstupu tag slúži na vytvorenie tlačidla , potom, čo hodnoty atribútu a pred uzatvárací tag <br> <p> onclick = " alert ( $ ( ' textarea [ name = myTextArea ] ' ) , val ( ) . ) " . <br> <p> používa jQuery kód " $ ( ' textarea [ name = myTextArea ] ' ) . val ( ) " čítať obsah textového poľa , ktorý má atribút name , ktorý obsahuje " myTextArea . " Pomocou tejto syntaxe umožňuje odkazovať na ľubovoľný HTML prvok , pomocou jeho názvu . Funkcie val ( ) , hovorí , jQuery čítať hodnotu z vybraného prvku , ktorý číta každý užívateľ zadať text . Kód jQuery je zabalený s " upozornenia ( ) " JavaScript funkcie pre zobrazenie hodnoty texte oblasti v upozornenie box , kedy je kliknutie na tlačidlo . <br> 5 <p> Uložiť stránku ako " Example.htm " a nahrať na webový server . Otvorte webový prehliadač a prejdite na stránku Example.htm na vašom serveri . Zadajte nejaký text do textového poľa a kliknite na tlačidlo " Display " . Upozornenie sa objaví okno obsahujúce text , ktorý ste zadali v textovom poli . <br> <div class="wodejimotaobuguo"> <div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div> <div class="oukbwqe122s"></div> </div> <ul class="yongbaonidasda"> <li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403222.html' >Ako odobrať obslužnú rutinu udalosti v TinyMCE </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403224.html' >Ako vložiť JavaScript vo Asp.net </a></li> </ul> </div> <div class="fa324wds"></div> <div class="xiangguandwdsawqe2"> <h4>Odporúčané články</h4> <div class="shenmedoubuxiangyaodsa"> <ul class="xinlimianshuosd1"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403630.html" target="_blank">Ako si vyrobiť Widget </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403349.html" target="_blank">Ako pridať štýly pomocou JavaScriptu </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403439.html" target="_blank">Ako previesť OS mriežku GPS </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403091.html" target="_blank">IE 8 JavaScript Neplatné Pointer Error </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403169.html" target="_blank">Ako si vyrobiť Google Map Overlay </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403376.html" target="_blank">Ako rozpoznať a Safari prehliadača v JavaScripte </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403570.html" target="_blank">Ako diagnostikovať problémy s JavaScript </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403268.html" target="_blank">Ako vypočítať výšku texte </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403555.html" target="_blank">Ako vytvoriť XLS s JavaScript </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403399.html" target="_blank">Ako Zvýraznite stĺpec v JavaScripte </a> </li> </ul> </div> </div> </div> <div class="shangkuaikiada2"> <div class="tahuiyuuedaogenhananr"> <div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div> <ul> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403369.html" target="_blank" class="ewq32ada131">Ako zmeniť obsah IFRAME so zapnutým javascriptom </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403369.html" target="_blank">vložené rámce alebo iFrame , je rám vnútri webové stránky , ktoré môžu obsahovať externý objekt , napríklad inú webovú stránku . IFrame atribút src špecifikuje webové stránky , ktoré majú byť načítaný v rámčeku . To je často prípad , že budete chcieť obsah iframe líšiť v závislosti na programovej logiky , udalostí alebo iných kritérií , v behu . Môžete zmeniť obsah iFrame zmenou jeho src atribút . Pokyny dovolená 1 Vytvorte nový súbor HTML pomocou editora HTMlL alebo Poznámkový blok . Zadaj</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403516.html" target="_blank" class="ewq32ada131">Ako si vyrobiť Pop - Ups </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403516.html" target="_blank">Pop - up sú formou prezentovať informácie pre návštevníkov z webovej stránky . Hoci mnoho užívateľov internetu nemajú radi pop - up sa objaví na ich obrazovkách v dôsledku ich hojnej použitie inzerentov , môžu slúžiť prospešný účel , ako je vysvetliť nové zmeny na vašich webových stránkach . Pomocou jednoduchého kódu JavaScript môžete pridať pop - up na vašich webových stránkach . Pokyny dovolená 1 Otvorte zdrojový kód HTML pre webovú stránku , kde chcete mať zobrazené pop - up . To môže byť vy</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403599.html" target="_blank" class="ewq32ada131">Ako Zahrnúť JS súbor v JSP </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403599.html" target="_blank">JSP je platforma podobný Jave , ale s HTML elementy . JSP sa používa pre dynamické webové stránky , ktoré poskytujú obsah , obrázky a interaktívne servlety . Vrátane súboru JS ( JavaScript ) , v kóde umožňuje na strane klienta dynamického obsahu . Vloženie súboru JS do JSP stránky trvá len niekoľko krokov . Pokyny dovolená 1 Vytvorte hlavný HTML shell kód . Toto nastaví základné HTML prvky pre JSP stránky : Moja prvá JSP stránka Toto je môj prvý JSP stránka 2 Vytvorte tag script . Rov</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank" class="ewq32ada131">Javascript Timer Tutorial </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank">Vytvorenie webovej stránky , ktorá osviežuje po každých pár minút , vyžaduje použitie JavaScriptu . S JavaScriptu , môžete nastaviť stránku aktualizovať po uplynutí stanoveného časového intervalu a zobrazí odpočítavanie , ktorý sa zobrazí , keď bude budúci obnovovaciu konať . Môžete tiež vytvárať časované udalosti , ktoré bežia alebo slučky vo vopred definovanom čase a synchronizovať viac udalostí na časovej osi . Načasovanie udalosti v JavaScripte sa vykonáva pomocou setTimeout ( ) metódu , k</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403568.html" target="_blank" class="ewq32ada131">Ako zmeniť veľkosť písma v Java Script </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403568.html" target="_blank">JavaScript je programovací jazyk na strane klienta , že mnoho internetových stránkach návrhári použiť na manipuláciu rozvrhnutie , texty a obrázky na webovej stránke . JavaScript je možné meniť veľkosť písma , keď používateľ klikne na tlačidlo , alebo keď načítanie stránky . To je užitočné , ak chcete , aby sa niektoré časti webových stránok obsahu vyniknúť . Ak chcete písmo väčšie , obsah je zabalený v div značky a kód JavaScript bude písmo väčšie , v tomto bloku kóde HTML . Pokyny dovolená 1</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403411.html" target="_blank" class="ewq32ada131">Ako zmeniť PHP premenné S JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403411.html" target="_blank">PHP je server - side jazyk používaný na vykreslenie webovej stránky . Ak chcete upraviť premennú s JavaScript , musíte vytvoriť pole formulára prvok . Prvok formulára môžete použiť , potom používa PHP dynamicky vytvárať obsah , keď používateľ klikne na Submit a presunie na ďalšie PHP stránky . Ak chcete vytvoriť prvok formulára , napísať tag elementu a hodnoty na stránke pomocou jazyka JavaScript . Pokyny 1 pravým tlačidlom myši na súbor PHP , ktorý chcete upraviť , a vyberte Otvoriť v prog</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403585.html" target="_blank" class="ewq32ada131">Java Script Riešenie problémov </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403585.html" target="_blank">Riešenie problémov s Java Script môže byť únavné . Chyby sú všeobecne ľahko Videli a môže trvať značné množstvo času vystopovať . Jedna malá chyba kód v jazyku Java Script môžete trosku zmätok a spôsobiť , že stránky nebudú fungovať . Dobrou správou je , že väčšina prehliadačov má nástroje , ktoré môžu byť použité na opravu nepríjemné kódu Java Script . Netscape , Firefox a Mozilla prehliadače majú najspoľahlivejšie nástroje pre riešenie problémov Java Script . Internet Explorer Internet Explo</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403389.html" target="_blank" class="ewq32ada131">Ako zmeniť CSS pomocou JavaScriptu </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403389.html" target="_blank">JavaScript je list Informácie o kaskádových štýlov na webové stránky upravovať , čo umožňuje vzhľad alebo text stránky zmeniť na základe užívateľského vstupu . Príkladom je HTML , štýl a demonštrácie JavaScript , ktorý umožňuje , aby disk red pohybovať po stránke náhodným spôsobom ako kurzor myši je na ňom umiestnený . Na dosiahnutie tohto cieľa , pozičné atribúty disku sú zmenené, ako sa vyskytujú myši udalosti . Návod dovolená 1 Napíšte dokument kód hlavičky < DOCTYPE html PUBLIC . ! - //W</a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div> <ul> <li><a href="http://www.pocitac.win/Programovanie/Java-Programming/402894.html" target="_blank">Ako stiahnuť Javu 1.6 </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398783.html" target="_blank">Ako Kompilácia SWC </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401156.html" target="_blank">Ako čítať hex súbor </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/405294.html" target="_blank">Ako vytvoriť viac užívateľov Email List s PHP </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400908.html" target="_blank">Ako si vyrobiť graf Modulárny Flow </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399254.html" target="_blank">Ako Splice riadku kódu </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/399272.html" target="_blank">Ako prejsť podreťazec ako parameter v DOS Batch </a></li><li><a href="http://www.pocitac.win/Programovanie/python-Programovanie/406183.html" target="_blank">Ako si vyrobiť Tkinter Tlačidlo Neaktívne </a></li> </ul> </div> <div class="d342sdfw42"></div> <div class="huiyishazsad"> </div> </div> </div> </div> <div class="dibudasdwqe213"> <div class="daspoiepwqieq12"> <div class="dsarew2342a"> <ul> <h3>Programovanie</h3> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li> </ul> </div> </div> <div class=clink> </div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p> </div> </body> </html>