Test JQuery JavaScript
biblioteca framework di test JavaScript - jQuery
Riferimento jQuery
Per testare libreria JavaScript, è necessario fare riferimento in una pagina Web.
Per fare riferimento a una libreria, utilizzare il tag <script>, il cui attributo src impostato alla libreria URL:
Riferimento jQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery Descrizione
La funzione principale è una funzione jQuery $ () (funzione di jQuery). Se si passa oggetto DOM a una funzione che restituisce l'oggetto jQuery con jQuery per aggiungere la funzionalità.
selettore jQuery CSS permette di selezionare gli elementi.
In JavaScript, è possibile assegnare una funzione per gestire l'evento carico finestra:
Metodo di JavaScript:
{
var obj = document.getElementById ( "h01");
obj.innerHTML = "Ciao jQuery";
}
onload = myFunction;
Equivalente jQuery è diverso:
modo jQuery:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
L'ultima riga del codice di cui sopra, oggetto documento HTML DOM è passato al jQuery: $ (document).
Quando si passa oggetto DOM per jQuery, jQuery tornerà l'oggetto jQuery oggetti DOM HTML avvolto.
funzione di jQuery restituisce un nuovo oggetto jQuery, in cui il pronto () è un metodo.
Dal momento che la funzione è variabile in JavaScript, in modo da poter mettere myFunction passato come argomento ai metodi pronti jQuery.
jQuery restituire l'oggetto jQuery, l'oggetto DOM è passato diverso. le proprietà degli oggetti jQuery e metodi hanno, con diversi oggetti DOM. Non è possibile utilizzare le proprietà ei metodi HTML DOM sull'oggetto jQuery. |
test jQuery
Si prega di provare il seguente esempio:
Esempi
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Prova »
Si prega di riprovare in questo esempio:
Esempi
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Prova »
Come si può vedere nell'esempio sopra, jQuery permette collegamenti (sintassi catena).
Link (concatenazione) è un metodo di eseguire più attività sul metodo pratico stesso soggetto.
Hai bisogno di saperne di più? Questo tutorial vi dà una grande lezione jQuery .