jQuery is een Javascript -bibliotheek die het gemakkelijker maken om code client - side interactie met webpagina's maakt . JQuery kunt u eenvoudig individuele tags en elementen selecteert op een webpagina en hun eigenschappen direct te manipuleren met een korte opdracht . Met behulp van jQuery , kunt u HTML- tekst op een webpagina wijzigen door het element te selecteren en de HTML- tekst vervangen . Instructies
1 Maak een HTML-pagina en omvatten de jQuery library van het openbaar gehost Google-site . ! Typ bijvoorbeeld :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd >
"
baby Link < /title > <br> <p > <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> < /script > <br> Pagina 2 <p> Maak een Javasrcipt functie om een willekeurig getal te berekenen en de HTML- tekst op basis van de vraag of dat nummer even of zelfs veranderen . Selecteer het element door zijn " id " tag en gebruik de " html " methode om de HTML te vervangen . Typ bijvoorbeeld : . <p> <script Type="text/javascript"> <br> <p> <br> $ ( document ) klaar ( function ( ) { var <p> rand <br> = Math . verdieping ( Math.random ( ) * 10 ) 1 ; <br> <p> als ( rand % 2 == 0 ) <br> <p> $ ( " # type" ) html ( " boy . <br> 3 <p> Maak het lichaam van de HTML-pagina Neem de " id " waarnaar wordt verwezen in de javascript-functionaliteit waarbij de HTML zal worden vervangen Typ bijvoorbeeld : . . <p> <body> <br> ; ! <br> p Het is een <a href="baby.html" id="type"> < /a > <p> < /body > <br> <p> < ;/html > <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91044.html' >Hoe je CSS wijzigen Met JavaScript </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91046.html' >Hoe reguliere expressies gebruiken met JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91154.html" title="Hoe maak je een cirkeldiagram gebruiken Javascript Draw " target="_self">Hoe maak je een cirkeldiagram …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90810.html" title="Vijf JavaScript tips " target="_self">Vijf JavaScript tips </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91035.html" title="Hoe te Omkeren Booleaanse waarde in JavaScript " target="_self">Hoe te Omkeren Booleaanse waar…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91130.html" title="Hoe je uitschakelen Microsoft ActiveSync " target="_self">Hoe je uitschakelen Microsoft …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90775.html" title="Hoe de JW Player Met MP4 " target="_self">Hoe de JW Player Met MP4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90769.html" title="PHP codes in JavaScript Syntax " target="_self">PHP codes in JavaScript Syntax…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91221.html" title="Hoe maak je een gratis E-mail Formulier Maak " target="_self">Hoe maak je een gratis E-mail …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91222.html" title="Hoe kan ik een afbeelding zoeken op een website te maken " target="_self">Hoe kan ik een afbeelding zoek…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91199.html" title="Hoe gratis Cursor Effects Get " target="_self">Hoe gratis Cursor Effects Get </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<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>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/perl-programming/201309/93316.html" title="Hoe te updaten PEER Met Fedora " target="_self">Hoe te updaten PEER Met Fedora </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90020.html" title="Hoe maak je een Java -programma Zorg voor Square Roots " target="_self">Hoe maak je een Java -programma Zorg voo…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/89774.html" title="Hoe je speciale tekens vervangen in een Java String " target="_self">Hoe je speciale tekens vervangen in een …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85661.html" title="Hoe te voegen de waarde van een variabele in een string C " target="_self">Hoe te voegen de waarde van een variabel…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87611.html" title="DIV Rollover Effecten " target="_self">DIV Rollover Effecten </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94703.html" title="VBA Methoden " target="_self">VBA Methoden </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87021.html" title="Hoe de code wijzigen om Hoofdletters in OpenEdge Editor " target="_self">Hoe de code wijzigen om Hoofdletters in …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90989.html" title="Hoe kan ik een Attribute in JavaScript " target="_self">Hoe kan ik een Attribute in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91903.html" title="Hoe je Tijdelijk wijzigen van de PHP Maximum Timeout " target="_self">Hoe je Tijdelijk wijzigen van de PHP Max…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
| 