Hvordan få en Tekstområde etter navn i jQuery

Programmering

C /C + + Programming

Computer Programmeringsspråk

Delphi Programming

Java Programming

JavaScript Programmering

PHP /MySQL programmering

Perl Programming

Python Programming

Ruby Programming

Visual Basics Programming

* Datamaskin >> Programmering >> JavaScript Programmering >> Content

Hvordan få en Tekstområde etter navn i jQuery

jQuery er et kraftig JavaScript-bibliotek som gjør det mulig å lage komplekse JavaScript-funksjoner med et minimum av kode . Bruke jQuery velgeren system det er lett å referere til noen element på en HTML-side , og deretter lese eller endre verdien. For eksempel kan du referere til et element ved sin id referanse, eller ved å bruke verdien av navnet attributt . Du kan bruke dette til å utføre validering på et skjema element , eller å lese en bruker angitt verdi for bruk i en beregning eller lignende . Instruksjoner
en

Åpne en nettleser og gå til jQuery hjemmeside ( jquery.com ) . Klikk på boksen ved siden av "Produksjon " øverst til høyre på hjemmesiden, og klikk deretter på "Last ned "-knappen . Dette vil laste ned produksjonen versjon av jQuery biblioteket, som er komprimert og minified for en mindre filstørrelse og raskere lastetid. Lagre den nedlastede filen til en katalog som heter " jquery " i rotkatalogen på webområdet ditt .
2

Åpne en teksteditor eller webdesign programmet og opprette en ny HTML- side . Legg til følgende kode mellom HTML " " og " " tags .

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

Denne koden laster jQuery bibliotek for bruk på siden . Endrer versjonsnummeret på slutten av filnavnet for å matche den versjonen du lastet ned, etter hvert som nye versjoner blir utgitt ofte.
3

Legg til følgende kode på siden din , mellom HTML " "og" < /body > "tags .

< /textarea > <br> <p> < input type = " button" name = " myButton " id = " myButton " value = " Visning" /> <br> <p> < /form > <br> <p> Dette legger et skjema på siden din , som inneholder en HTML-teksten området kalt " myTextArea , "og en HTML -knapp, som utløser koden for å få innholdet i tekstområdet når den klikkes. <br> 4 <p> Legg til følgende kode i HTML -inngang tag brukes for å gi knappen , etter verdien attributt og før den avsluttende koden <br> <p> onclick = " alert ( $ (' textarea [ name = myTextArea ] ') val ( ) . ) ; " . <br> <p> Dette bruker jQuery koden " $ (' textarea [ name = myTextArea ] ' ) . val ( ) "for å lese innholdet i teksten område som har et navn attributt som inneholder" myTextArea . " Ved hjelp av denne syntaksen kan du referere til noen HTML element ved hjelp av sitt navn. Den val ( )-funksjonen forteller jQuery å lese verdien fra det valgte elementet , som lyder noe som brukeren har lagt tekst. JQuery kode er pakket med en JavaScript " alert ( ) "-funksjonen for å vise teksten området verdi i et varsel boks når knappen klikkes. <br> 5 <p> Lagre siden som " example.htm " og laste opp til webserveren . Åpne en nettleser og gå til example.htm siden på serveren din . Skriv inn tekst i tekstfeltet og klikk deretter på "Display "-knappen . Et varsel boks vises , som inneholder teksten du skrev inn i tekstfeltet . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4"> <tr> <td bgcolor="#ecf0f4"></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26"> <tr> <td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90877.html' >Slik fjerner du en hendelse Handler i TinyMCE </a></li></p></td> </tr> <tr> <td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90879.html' >Slik bygger JavaScript Asp.net </a></li></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0" width="100%" height="7"> <tr> <td></td> </tr> </table></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246> <tr> <td height=246 vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Relatert Artike</strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <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.datamaskin.biz/Programmering/javascript-programming/90940.html" title="Hvordan Roter Tekst av Degree i JavaScript " target="_self">Hvordan Roter Tekst av Degree i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91274.html" title="Hvordan Sammenlign Strings i JavaScript " target="_self">Hvordan Sammenlign Strings i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90857.html" title="The Back funksjon i HTML Coding " target="_self">The Back funksjon i HTML Coding </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91018.html" title="Hvordan få tilgang Element attributter Med JavaScript " target="_self">Hvordan få tilgang Element attributter Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90916.html" title="JavaScript nodetyper " target="_self">JavaScript nodetyper </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90942.html" title="Hvordan Roter et Div. i JavaScript " target="_self">Hvordan Roter et Div. i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90884.html" title="Hvordan spore Med Java Script og PHP " target="_self">Hvordan spore Med Java Script og PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91170.html" title="Hvordan lage Gemstone Soap " target="_self">Hvordan lage Gemstone Soap </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90870.html" title="Sette inn CrawlTrack Into WordPress " target="_self">Sette inn CrawlTrack Into WordPress </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90774.html" title="JavaScript- tilbakeringing funksjoner : isFunction " target="_self">JavaScript- tilbakeringing funksjoner : isFunction </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=20></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=380> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><strong>Anbefalte artikler </strong></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <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.datamaskin.biz/Programmering/java-programming/90447.html" title="Hvordan implementere en postboks Bruke Java " target="_self">Hvordan implementere en postboks Bruke Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89246.html" title="Hvordan Lenke til GUI grensesnitt i Java med en kode " target="_self">Hvordan Lenke til GUI grensesnitt i Java med en kode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92459.html" title="Hvordan endre en opp Timeout i PHP " target="_self">Hvordan endre en opp Timeout i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89403.html" title="Hvordan finne Totalt antall forekomster av hver bokstav i alfabetet i Tekst i Java " target="_self">Hvordan finne Totalt antall forekomster av hver bokstav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91228.html" title="Slik konverterer Javascript UTC Dato til Eastern Time " target="_self">Slik konverterer Javascript UTC Dato til Eastern Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89233.html" title="En forklaring av INT , num1 , num2 og NUM3 i Java-kode " target="_self">En forklaring av INT , num1 , num2 og NUM3 i Java-kode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85352.html" title="Slik viser prosenter i C + + " target="_self">Slik viser prosenter i C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85841.html" title="Slik konverterer Double til String C + + " target="_self">Slik konverterer Double til String C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94922.html" title="Hvordan aktivere visse elementer på en Radio Button List i Vb.net " target="_self">Hvordan aktivere visse elementer på en Radio Button Li…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89784.html" title="Hvordan lage et tre fra en liste i Java " target="_self">Hvordan lage et tre fra en liste i Java </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 height=8> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/ <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>