jQuery är ett JavaScript-bibliotek som gör det lättare att koda klientsidan interaktioner med webbsidor . JQuery kan du enkelt välja enskilda taggar och element på en webbsida och att manipulera deras egenskaper direkt med en kort kommando . Använda jQuery , kan du ändra HTML- text på en webbsida genom att välja elementet och ersätta HTML text . Instruktioner
1
Skapa en HTML- sida och inkludera jQuery biblioteket från offentligt värd Googles webbplats . ! Till exempel , typ :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd " >
baby Länk < /title > <br> <p> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"> < /script > <br> Sida 2 <p> Skapa en Javasrcipt funktion för att beräkna ett slumptal och ändra HTML-koden baserat på om det numret är udda eller jämnt . Markera elementet genom dess " id " tag och använd " html " metoden att ersätta HTML . Till exempel , typ : . <br> <p> <script Type="text/javascript"> <br> <p> $ ( document) klar ( function ( ) { <br> <p> var rand = Math . våningen ( Math.random ( ) * 10 ) +1; <br> <p> om ( rand % 2 == 0 ) katalog <p> $ ( " # typ " ) html ( " boy . <br> 3 <p> Skapa kroppen på HTML- sidan Inkludera " id " refereras i JavaScript-funktionen där HTML kommer att ersättas till exempel , typ : . . <br> <p> <body> ; ! <br> p Det är ett <a href="baby.html" id="type"> < /a> <p> < /body> <br> <p> < ;/html > Addera <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/91044.html' >Så här ändrar CSS Med JavaScript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91046.html' >Hur man använder reguljära uttryck med JavaScript </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/91196.html" title="Hur man bär en Shift Dress " target="_self">Hur man bär en Shift Dress </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90917.html" title="Hur Alias en funktion med JavaScript " target="_self">Hur Alias en funktion 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/90951.html" title="Hur Ring JavaScript Från en HTML-mall " target="_self">Hur Ring JavaScript Från en HTML-mall </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90956.html" title="Hur du returnerar Addition Funktioner för flera nummer i JavaScript " target="_self">Hur du returnerar Addition Funktioner för flera nummer…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90786.html" title="Hur man använder Java Script i Microsoft Office " target="_self">Hur man använder Java Script i Microsoft Office </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91183.html" title="Hur du ändrar mata in text med Javascript " target="_self">Hur du ändrar mata in text 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/90873.html" title="Hur till Öppen JavaScript-filer " target="_self">Hur till Öppen JavaScript-filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91212.html" title="Javascript Lightbox Tutorial " target="_self">Javascript Lightbox Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90954.html" title="Hur man skapar ett javascript Ticker " target="_self">Hur man skapar ett javascript Ticker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91223.html" title="Hur du ändrar teckenstorlek i Java Script " target="_self">Hur du ändrar teckenstorlek i Java Script </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/javascript-programming/91195.html" title="Hur man använder Java Script i Flash 8 " target="_self">Hur man använder Java Script i Flash 8 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89013.html" title="Hur man skickar ett automatiskt e efter ett visst datum Använda JSP " target="_self">Hur man skickar ett automatiskt e efter ett visst datum…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93009.html" title="Hur man gör en PHP e-postlista " target="_self">Hur man gör en PHP e-postlista </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96275.html" title="Konvertera en almanacka till en String " target="_self">Konvertera en almanacka till en String </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95113.html" title="Hur man hittar en katalog och underkatalog i VBA " target="_self">Hur man hittar en katalog och underkatalog i VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92093.html" title="Hur Starta MySQL i Plesk " target="_self">Hur Starta MySQL i Plesk </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93604.html" title="Hur man beräknar vokaler i Python " target="_self">Hur man beräknar vokaler i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89575.html" title="Hur man gör en Chat Server i Java " target="_self">Hur man gör en Chat Server i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86384.html" title="Hur man skriver en rekursiv funktion Index Max " target="_self">Hur man skriver en rekursiv funktion Index Max </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88244.html" title="Hur ändrar jag Input Type för Font Värden " target="_self">Hur ändrar jag Input Type för Font Värden </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> 