Free Printable JavaScript

Worksheets

JavaScript

Total questions: 35

Worksheet time: 18mins

Name

Class

Date

W skrypcie JavaScript zastosowano metodę DOM getElementsByClassName('akapit'). Metoda ta odwoła się do akapit

<p>akapit</p>

<p id="akapit">akapit2</p>

<p href="akapit">akapit3</p>

<p class="akapit">akapit4</p>

W języku JavaScript motoda getElementById odwołuje się do

zmiennej liczbowej.

klasy zdefiniowanej w CSS.

znacznika HTML o podanym ID.

znacznika HTML o podanej nazwie klasy.

Aby użyć zewnętrznego skryptu JavaScript o nazwie skrypt.js, należy zapisać w kodzie HTML

Za pomocą którego słowa kluczowego deklaruje się zmienną w języku JavaScript?

var

new

variable

instanceof

Walidacja pól formularza polega na sprawdzeniu

czy użytkownik jest zalogowany.

który użytkownik wprowadził dane.

czy istnieje plik PHP, który odbierze dane.

czy wprowadzone dane spełniają określone reguły.

Aby za pomocą skryptu JavaScript zmienić wartość cechy elementu opisanej językiem CSS, należy posłużyć się szablonem zapisu

document.getElementById(id).innerHTML = <nowa wartość>;

document.getElementById(id).<nazwa-atrybutu> = <nowa wartość>;

document.getElementById(id).<nazwa właściwości> = <nowa wartość>;

document.getElementById(id).style.<nazwa właściwości> = <nowa wartość>;

Funkcja JavaScript powinna być wywoływana za każdym razem, gdy użytkownik wpisze dowolny znak do pola edycji. Którego zdarzenia należy użyć?

onload

onclick

onkeydown

onmouseout

Jakie znaczenie ma symbol ^ we wzorcu wyrażenia regularnego

początek wzorca

koniec wzorca

dowolny pojedynczy znak

jeden z ciągów rozdzielony znakiem

Jakie znaczenie ma symbol . we wzorcu wyrażenia regularnego

początek wzorca

koniec wzorca

dowolny pojedynczy znak

jeden z ciągów rozdzielony znakiem

10.

Flaga obiektu RegExp() działająca na wzorcu, że nie jest uwzględniana wielkość liter to:

11.

Klasa znaków (spacji, tabulacji lub nowego wiersza), których symbole mogą być wykorzystywane przy definiowaniu wyrażeń regularnych.

12.

Klasa znaków (każdy znak, który nie jest literą, cyfrą i znakiem _ ), których symbole mogą być wykorzystywane przy definiowaniu wyrażeń regularnych.

13.

DOM dostarcza metod i własności, które w języku JavaScript pozwalają na

manipulowanie zadeklarowanymi w kodzie łańcuchami

wysłanie danych formularza bezpośrednio do bazy danych

wykonywanie operacji na zmiennych przechowujących liczby

pobieranie i modyfikowanie elementów strony wyświetlonej przez przeglądarkę

14.

W jaki sposób można dołączyć bibliotekę jQuery do projektu/strony:

poprzez umieszczenie pliku z biblioteką w katalogu naszej strony

poprzez hosting zewnętrzny (CDN)

obydwa poprzednie sposoby są poprawne

żadna z odpowiedzi nie jest prawdziwa

15.

Zaznacz poprawną strukturę składnię jQuery:

<$ selektor.akcja () ?>

$( selektor ). akcja ()

&( selektor ). akcja ()

<& selektor.akcja () ?>

16.

Wskaż składnię odnoszącą się do paragrafu o klasie "demo"

$("p#demo")

$(".demo p")

$("p.demo")

$("p .demo")

17.

Która z poniższych metod ukryje paragraf?

$("p").show();

$("p").hide();

$("p").fade();

$("p").Toggle();

18.

Użyj prawidłowego zdarzenia, aby ukryć wszystkie elementy <p> za pomocą „pojedyńczego kliknięcia”.

$("p").onClick(function(){ $(this).hide(); });

$("p").doubleclick(function(){ $(this).hide(); });

$("p").click(function(){ $(this).hide(); });

$("p").dblclick(function(){ $(this).hide(); });

19.

Kiedy zostanie wyświetlony komunikat z alert'a?

$("button").click(function(){

$("p").hide("slow", function(){

alert("The paragraph is now hidden"); });});

po wykonaniu metody hide

przed wykonaniem metody hide

w trakcie wykonywania metody hide

nie wyświetli się

20.

Wskaż poprawny kod, który przesuwa element <div> w prawo, aż osiągnie lewą właściwość 250px:

$("button").click(function(){ $("div").anim({left: '250px'});});

$("button").click(function(){ $("div").push({left: '250px'});});

$("button").click(function(){ $("div").animate({left: '250px'});});

$("button").click(function(){ $("div").animating({left: '250px'});});

21.

Wskaż metodę która zwróci adres URL łącza.

$("a").url("href");

$("a").attr("href");

$("a").text("href");

$("a").html("href");

22.

Wskaż metodę która zmieni zawartość elementu <div> na „Hello"

$("div").text("Hello");

$("div").val("Hello");

$("div").html("Hello");

$("div").attr("Hello");

23.

Która z poniższych metod na przemian ukryje i pokarze paragraf?

$("p").show();

$("p").ontoggle();

$("p").fade();

$("p").toggle();

24.

Który/e wiersz/e tabeli zmienią kolor tła po wykonaniu metody

$('tr:odd').css('background', '#EEE');

Ostatni wiersz tabeli

Parzyste wiersze tabeli

Nieparzyste wiersze tabeli

Pierwszy wiersz tabeli

25.

Wskaż metodę która usunie element <p>.

$("p").delete();

$("p").(delete);

$("p").remove();

$("p").drop();

26.

Wskaż metodę która doda klasę o nazwie "klasa" do elementu <p>:

$("p").add("klasa");

$("p").append("klasa");

$("p").addClass("klasa");

$("p").addklas("klasa");

27.

Wskaż metodę która doda dwie nazwy klas "klasa" i "demo" do elementu <p>:

$("p").add("klasa demo");

$("p").add("klasa, demo");

$("p").append("klasa demo");

$("p").addClass("klasa demo");

28.

Wskaż metodę która usunie klasę o nazwie "klasa" z elementu <p>:

$("p").remove("klasa");

$("p").drop("klasa");

$("p").removeClass("klasa");

delete$("p").delete("klasa");

29.

Wskaż metodę która przełączy się między dodawaniem i usuwaniem klasy "test" z elementu <p> po kliknięciu:

$("p").click(function(){ $(this).toggleClass("test"); });

$("p").onclick(function(){ $(this).toggleClass("test"); });

$("p").click(function(){ $(this).toggle("test"); });

$("p").onclick(function(){ $(this).toggle("test"); });

30.

Wskaż metodę css która doda różowy kolor tła do elementu <p>.

$("p").addcss("background-color", "pink");

$("p").css("backgroundcolor", "pink");

$("p").css("background", "pink");

$("p").css("background-color", "pink");

31.

Wskaż metodę która zwróci kolor tła elementu <p>.

$("p").css("background,color");

$("p").(css - "background-color");

$("p").css("background-color");

$("p").(css - "background color");

32.

Wskaż metodę która pobierze wszystkie elementy rodzeństwa elementu <h2>.

$("h2").child();

$("h2").children();

$("h2").siblings();

$("h2").parents();

33.

Funkcja:

$el.slideUp(szybkosc*, funkcjaZwrotna*)

Rozwija element

Płynnie zwija element

Płynnie rozwija element

Zwija element

34.

Element, możemy pokazać za pomocą funkcji:

show()

hide()

(show: element)

(hide: element)

35.

Zaznacz odpowiedni język/języki programowania na których bazuje jQuery:

HTML

CSS

JavaScript

Wszystkie poprzednie

Reset

JavaScript

Total questions: 35

Worksheet time: 18mins

Similar Resources on Wayground