Hvis du tenker på å jobbe med Javascript for din neste webprosjekt , vil jQuery gjøre ting mye enklere for deg . jQuery er et JavaScript-bibliotek som er kryss-nettleser kompatibel og forenkler prosessen med å skrive Javascript -applikasjoner . En av fordelene med å bruke Javascript er muligheten til å sette inn dynamisk innhold på websiden . Du kan enkelt velge Document Object Model ( DOM ) elementer med jQuery sin innebygde DOM velgeren kalt " Sizzle . " JQuery også forenkler prosessen med å lage og legge inn sideelementer , for eksempel ankere , med sin innebygde funksjoner " føyer ( ) "og" foranstilt ( ) . " Du trenger
Text Editor
Vis flere instruksjoner
en
Lag en tom fil med filtypen " ; . html "i en teksteditor . Vi vil skape en grunnleggende HTML-side som viser hvordan du setter inn et anker inn et par
< /div > HTML- kodene ved hjelp av jQuery .
2
Kopier følgende kode inn i filen du nettopp opprettet. Dette vil skape grunnleggende HTML struktur og vil importere jQuery .
Hello World < /title> < script type = 'text /javascript ' <br> 3 <p> Opprett en tom par <div> < /div >-kodene på siden din med en unik ID ; " . say_hello " for vårt eksempel , vil vi bruke Det er her vi vil sette inn våre ankere . Du kan gjøre dette ved å sette inn følgende kode mellom <body> < /body >-kodene : . <br> <p> <div Id="say_hello"> < /div > <br> <br > 4 <p> Kopier følgende kode til <head><meta name=viewport content="width=device-width, initial-scale=1.0"> delen av HTML- siden . Vi skal bruke enten append () eller foranstilt ( ) jQuery biblioteket funksjon for å sette inn to ankere i div vi nettopp opprettet . <br> <p> <script Type='text/javascript'> //< ! [ CDATA [$ ( function () { $ ( '# say_hello ') . append ( " <a href=\\"www.google.com\\"> Hei ! < /a >" ) $ ( '# say_hello ') . foranstilt ( " <a href=\\"www.bing.com\\"> Bye Bye ! < /a >" ) } ) ;//] ] > < ;/script> <br> <p> Du skal nå ha en div på siden din med to ankere settes inn i det , en med ankertekst " Hei ! " og en med ankertekst "Bye Bye ! " Den første anker ble føyd til div , og den andre ble prepended til div . <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/90815.html' >Hvordan lage Alle Radio Knapper False i JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90817.html' >Hvordan endre Marker i et Google Maps API </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/91085.html" title="Informasjon Om Programmering av Palm OS " target="_self">Informasjon Om Programmering av Palm OS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91078.html" title="Hvordan bli kilden til et bilde Element Bruke JavaScript " target="_self">Hvordan bli kilden til et bilde Element Bruke JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90982.html" title="Hvor å Endre Meny bilder på Mouseover i JavaScript " target="_self">Hvor å Endre Meny bilder på Mouseover 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/90868.html" title="Hvordan deaktivere rulling i Google Maps API V3 " target="_self">Hvordan deaktivere rulling i Google Maps API V3 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91257.html" title="Slik fjerner en adresse Bar Med JavaScript " target="_self">Slik fjerner en adresse Bar 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/91024.html" title="Hvordan endre innholdet i en iFrame Med JavaScript " target="_self">Hvordan endre innholdet i en iFrame 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/90917.html" title="Hvordan Alias en funksjon med JavaScript " target="_self">Hvordan Alias en funksjon 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/90861.html" title="Hvordan lage en Slide Down Toggle Med jQuery " target="_self">Hvordan lage en Slide Down Toggle Med jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90849.html" title="Slik Hold JS Prototype Opptil Dato " target="_self">Slik Hold JS Prototype Opptil Dato </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></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/computer-programming-languages/87714.html" title="Hvordan erstatte Div Tekst Med CSS " target="_self">Hvordan erstatte Div Tekst Med CSS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90392.html" title="Hvordan laste opp et bilde i en desktop applikasjon i Java " target="_self">Hvordan laste opp et bilde i en desktop applikasjon i J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95248.html" title="Hvordan få Visual Basic 2008 " target="_self">Hvordan få Visual Basic 2008 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96112.html" title="Hvordan lage din egen video med bilder og musikk " target="_self">Hvordan lage din egen video med bilder og musikk </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92501.html" title="Hvordan spare en PHP fil med Filezilla " target="_self">Hvordan spare en PHP fil med Filezilla </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94446.html" title="Hvordan legge til en Shard til Index i Katta " target="_self">Hvordan legge til en Shard til Index i Katta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88430.html" title="Slik gjenoppretter en Exchange EDB File " target="_self">Slik gjenoppretter en Exchange EDB File </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86793.html" title="Hvordan bruke Drools Med Groovy " target="_self">Hvordan bruke Drools Med Groovy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85501.html" title="Static void Funksjoner i C " target="_self">Static void Funksjoner i 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/95660.html" title="Introduksjon til Visual Basic 6.0 " target="_self">Introduksjon til Visual Basic 6.0 </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> 