1. Home
  2. Test JQuery JavaScript

Najlepszy samouczek Test JQuery JavaScript W 2024 r. W tym samouczku możesz dowiedzieć się Odniesienie jQuery,Odniesienie jQuery,Opis jQuery,Metoda JavaScript:,jQuery sposób:,Testowanie jQuery,Przykłady,Przykłady,

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")("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")("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")("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 .

Hot Tutorials

Contact US

Test JQuery JavaScript
10/30