Hur får man en Textområde efter namn i JQuery

jQuery är en kraftfull JavaScript -bibliotek som låter dig skapa komplexa JavaScript-funktioner med ett minimum av kod . Använda jQuery väljaren systemet är det lätt att referera alla element på en HTML- sida , och sedan läsa eller ändra dess värde . Till exempel , kan du hänvisa till ett element av dess id referens , eller genom att använda värdet på attributet name . Du kan använda detta för att utföra valideringen på ett formelement , eller att läsa en användare in värde för användning i en beräkning eller liknande . Instruktioner
1

Öppna en webbläsare och gå till jQuery hemsida ( jquery.com ) . Klicka på kryssrutan bredvid " Produktion " i det övre högra hörnet av hemsidan , och klicka sedan på " Download " -knappen . Detta kommer att ladda ner produktionen versionen av jQuery biblioteket , som komprimeras och minified för en mindre filstorlek och snabbare laddningstid . Spara den nedladdade filen till en katalog som heter " jquery " i rotkatalogen på din webbplats .
2

Öppna en textredigerare eller webbdesign program och skapa en ny HTML- sida . Lägg till följande kod mellan HTML " " och " " taggar .

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

Denna kod laddar jQuery biblioteket för användning på sidan . Ändra versionsnumret i slutet av filnamnet att matcha den version som du laddat ner , när nya versioner släpps ofta . Addera 3

Lägg till följande kod till din sida , mellan HTML " "och" < /body > "taggar .

< /textarea > <br> <p> < input type = " button" name = " myButton " id = " myButton " value = " Display" /> <br> <p> </form > <br> <p> Detta lägger ett formulär på din sida , som innehåller ett HTML- text som har namnet " myTextArea , " och en HTML- knapp , vilket utlöser koden för att få innehållet i textområdet när du klickar. <br> 4 <p> Lägg till följande kod i HTML- input -taggen används för att skapa knappen , efter det värde attributet och före den avslutande taggen <br> <p> onclick = " alert ( $ ( ' textarea [ namn = myTextArea ] ' ) Val ( ) . ) " . <br> <p> Detta använder jQuery koden " $ ( ' textarea [ name = myTextArea ] ' ) . val ( ) " för att läsa innehållet i texten område som har ett name-attribut som innehåller " myTextArea . " Med denna syntax kan du referera till HTML-element med hjälp av dess namn . Val ( ) funktionen berättar jQuery för att läsa värdet från det valda elementet , som läser alla användare - in text . Den jQuery koden slås in med en JavaScript " alert ( ) " -funktion för att visa värdet textområdet i en varningsruta när du klickar på knappen . Spara sidan som " example.htm " och <br> 5 <p> ladda upp till din webbserver . Öppna en webbläsare och gå till example.htm sida på din server . Skriv lite text i textområdet och klicka sedan på " Display " -knappen . En varningsruta visas , som innehåller texten som du skrev i textrutan . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90877.html' >Hur man tar bort en händelsehanterare i TinyMCE </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90879.html' >Hur till Bädda JavaScript Asp.net </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90775.html" title="Hur man använder JW Player Med MP4 " target="_self">Hur man använder JW Player Med MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90816.html" title="Hur man använder JQuery Infoga ett ankare " target="_self">Hur man använder JQuery Infoga ett ankare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90964.html" title="3 - D-effekter med JavaScript " target="_self">3 - D-effekter med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91161.html" title="En ActiveX Javascript Tutorial " target="_self">En ActiveX Javascript Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90896.html" title="Så här ändrar en Marquee Med JavaScript " target="_self">Så här ändrar en Marquee Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91213.html" title="Hur kontrollera tomma VAR i Javascript " target="_self">Hur kontrollera tomma VAR i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90893.html" title="Hur man skriver en JavaScript-funktion som beräknar en taxiresa " target="_self">Hur man skriver en JavaScript-funktion som beräknar en…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91063.html" title="Hur att få värdet av Combo Box med JavaScript " target="_self">Hur att få värdet av Combo Box med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91175.html" title="Definition av JavaScript " target="_self">Definition av JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91021.html" title="Hur att bläddra nedåt i JavaScript " target="_self">Hur att bläddra nedåt i JavaScript </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87288.html" title="Hur man skriver till CSV Med ColdFusion " target="_self">Hur man skriver till CSV Med ColdFusion </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89155.html" title="Vad händer om en fil flyttas när de används av Java " target="_self">Vad händer om en fil flyttas när de används av Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94894.html" title="Hur får man en decimal värde från en textruta " target="_self">Hur får man en decimal värde från en textruta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94427.html" title="Användning av OLE i VB " target="_self">Användning av OLE i VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87375.html" title="Hur man hålla värdet Kryssruta på en GridView Sortera " target="_self">Hur man hålla värdet Kryssruta på en GridView Sorter…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94356.html" title="Konvertera COBOL till Visual Basic " target="_self">Konvertera COBOL till Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95705.html" title="Hur man sätter i en Grid View " target="_self">Hur man sätter i en Grid View </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/94037.html" title="Hur man uppdaterar en Python Path " target="_self">Hur man uppdaterar en Python Path </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88531.html" title="Hur lär jag Pseudokod & Flödesscheman " target="_self">Hur lär jag Pseudokod & Flödesscheman </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86762.html" title="Hur du installerar och konfigurerar SSIS " target="_self">Hur du installerar och konfigurerar SSIS </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>