Latest web development tutorials
×

JavaScript kurs

JavaScript kurs JavaScript krótkie wprowadzenie JavaScript zwyczaj JavaScript eksport JavaScript gramatyka JavaScript oświadczenia JavaScript uwaga JavaScript zmienna JavaScript Typy danych JavaScript Przedmioty JavaScript funkcja JavaScript zakres JavaScript wydarzenie JavaScript sznur JavaScript operatorzy JavaScript porównać JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Typ konwersji JavaScript Wyrażenia regularne JavaScript błąd JavaScript Debugowanie JavaScript zmienny wyciąg JavaScript Tryb Strict JavaScript Zastosowanie niezgodne z przeznaczeniem JavaScript Uwierzytelnianie za pomocą formularzy JavaScript zarezerwowane słowa kluczowe JavaScript JSON JavaScript void JavaScript Kod Specyfikacja

JS funkcja

JavaScript definicja funkcji JavaScript Argumenty funkcji JavaScript wywołanie funkcji JavaScript zamknięcia

JS HTML DOM

DOM krótkie wprowadzenie DOM HTML DOM CSS DOM wydarzenie DOM EventListener DOM element

JS zaawansowane Tutorial

JavaScript Przedmioty JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Przedmioty

JS przeglądarka BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript muzyka pop JavaScript Tymczasowy zdarzenia JavaScript Cookies

JS magazyn

JavaScript magazyn JavaScript test jQuery JavaScript test Prototype

JS Przykłady

JavaScript Przykłady JavaScript instancja obiektu JavaScript Przeglądarka Instancja obiektu JavaScript HTML DOM Przykłady JavaScript streszczenie

JS Reference Manual

JavaScript Przedmioty HTML DOM Przedmioty

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

<!DOCTYPE html>
<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:

Funkcja myFunction ()
{
var obj = document.getElementById ( "H01");
obj.innerHTML = "Hello jQuery";
}
onload = myFunction;

Odpowiednik jQuery jest inna:

jQuery sposób:

function myFunction()
{
    $("#h01").html("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.

lampa 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

<!DOCTYPE html>
<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>

Spróbuj »

Proszę spróbować ponownie na poniższym przykładzie:

Przykłady

<!DOCTYPE html>
<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>

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 .