Test JQuery JavaScript
Testowanie ramy biblioteki JavaScript - jQuery
Odniesienie jQuery
Aby przetestować biblioteki JavaScript, trzeba odwołać go na stronie internetowej.
Aby odwołać się do biblioteki, należy użyć znacznika <script>, którego atrybutem src zestaw do biblioteki URL:
Odniesienie jQuery
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
Opis jQuery
Główną funkcją jest jQuery $ () function (funkcja jQuery). Jeśli zdasz obiekt DOM do funkcji, która zwraca obiekt jQuery z jQuery, aby dodać funkcjonalność.
selektor jQuery CSS pozwala wybrać elementy.
W JavaScript można przypisać funkcję obsługi zdarzenia load okno:
Metoda JavaScript:
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;
Odpowiednik jQuery jest inna:
jQuery sposób:
{
$("#h01")("Hello jQuery");
}
$(document).ready(myFunction);
Ostatni wiersz kodu powyżej, HTML DOM obiektu dokument jest przekazywany do jQuery: $ (document).
Po przejechaniu obiekt DOM jQuery, jQuery powróci do obiektów HTML DOM owinięty obiektu jQuery.
Funkcja zwraca jQuery jQuery nowego obiektu, w którym w stanie gotowości () to metoda.
Ponieważ funkcja jest zmienna w JavaScript, dzięki czemu można umieścić myFunction przekazany jako argument do metody gotowych jQuery.
jQuery zwracają obiekt jQuery, obiekt DOM przeszedł różne. właściwości obiektu jQuery i metody mają, z innego obiektu DOM. Nie można użyć właściwości i metody HTML DOM w obiekcie jQuery. |
Testowanie jQuery
Spróbuj poniższy przykład:
Przykłady
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01")("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Spróbuj »
Proszę spróbować ponownie na poniższym przykładzie:
Przykłady
<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")("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Spróbuj »
Jak widać na powyższym przykładzie, jQuery pozwala Linki (składnię łańcucha).
Link (łańcuchowe) jest metodą wykonywania kilku zadań jednocześnie w wygodny sposób sam temat.
Musisz dowiedzieć się więcej? Ten poradnik daje wielką samouczek jQuery .