Test JQuery JavaScript
bibliothèque-cadre Test JavaScript - jQuery
Référence jQuery
Pour tester la bibliothèque JavaScript, vous devez référencer dans une page Web.
Pour faire référence à une bibliothèque, utilisez la balise <script>, dont l'attribut src mis à la bibliothèque d'URL:
Référence jQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
jQuery description
La principale fonction est une fonction jQuery $ () (fonction jQuery). Si vous passez l'objet DOM à une fonction qui renvoie l'objet jQuery avec jQuery pour ajouter la fonctionnalité.
jQuery CSS sélecteur vous permet de sélectionner des éléments.
Dans JavaScript, vous pouvez assigner une fonction pour gérer l'événement fenêtre de charge:
méthode JavaScript:
{
var obj = document.getElementById ( "h01");
obj.innerHTML = "Bonjour jQuery";
}
onload = myFunction;
Equivalent jQuery est différent:
jQuery façon:
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
La dernière ligne du code ci-dessus, le document HTML DOM objet est passé à jQuery: $ (document).
Lorsque vous passez objet DOM à jQuery, jQuery va revenir à l'objet jQuery objets DOM HTML enveloppé.
fonction jQuery retourne un nouvel objet jQuery, dans lequel le prêt () est une méthode.
Puisque la fonction est variable en JavaScript, donc vous pouvez mettre myFunction passé comme argument aux méthodes jQuery prêt.
jQuery retourne l'objet jQuery, l'objet DOM a passé différent. JQuery propriétés et méthodes objets ont, avec un objet DOM différent. Vous ne pouvez pas utiliser les propriétés et les méthodes HTML DOM sur l'objet jQuery. |
Test jQuery
S'il vous plaît essayer l'exemple suivant:
Exemples
<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>
Essayez »
S'il vous plaît essayer de nouveau à cet exemple:
Exemples
<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>
Essayez »
Comme vous pouvez le voir dans l'exemple ci-dessus, jQuery permet des liens (syntaxe de la chaîne).
Link (chaînage) est une méthode d'effectuer des tâches multiples sur la méthode pratique même sujet.
Vous devez en savoir plus? Ce tutoriel vous donne un grand tutoriel jQuery .