Latest web development tutorials

jQuery dodać elementy

Przez jQuery, można łatwo dodać nowe elementy / treści.

Dodaj nową zawartość HTML

Dowiemy się, aby dodać nowe treści na cztery metody jQuery:

  • append () - Wstawić na końcu wybranego elementu
  • prepend () - Włożyć na początku wybranego elementu
  • po () - Włóż po czym wybrane elementy
  • przed () - Włóż wcześniej wybranych elementów

Metoda jQuery append ()

Sposób jQuery dodawał () wstawia zawartość na końcu wybranego elementu.

Przykłady

. $ ( "P") dołączy ( " dołączyć tekst");

Spróbuj »

Metoda jQuery prepend ()

Sposób jQuery poprzedzić () wstawia zawartość na początku wybranego elementu.

Przykłady

. $ ( "P") prepend ( " dołączyć tekst na początku");

Spróbuj »

Dodać kilka nowych elementów przez append () i () metoda prepend

W powyższym przykładzie, jesteśmy dopiero na początku wybranego elementu / końcowego Wstaw tekst / HTML.

Jednak dołączenie () i prepend () metoda może otrzymać nieograniczoną liczbę nowych elementów za pomocą parametru. Można wygenerować text / html (jak w powyższym przykładzie) za pomocą jQuery lub za pośrednictwem kodu JavaScript i elementów DOM.

W poniższym przykładzie, tworzymy kilka nowych elementów. Elementy te mogą być tworzone przy użyciu text / html, jQuery lub JavaScript / DOM. Następnie dodajemy metodę () tych nowych elementów dodanych do tekstu (na prepend () równie skuteczne):

Przykłady

funkcja appendText () { var txt1 = "<p> tekst </ p>."; // utworzenie tekstu za pomocą znaczników HTML var . Txt2 = $ ( "<p > </ p>") tekst ( " tekst."); // Utworzenie tekstu przy użyciu jQuery var . Txt3 = createElement dokument ( "p ") ;. txt3 innerHTML = " text".; // Utworzenie tekstu przy użyciu tekstu z DOM DOM $ ( "Ciało") append ( txt1, txt2, txt3) ;. // Dołącz nowy element }

Spróbuj »

jQuery po () i przed () metody

Metoda jQuery po (), aby wstawić zawartość po wybranym elemencie.

Metoda jQuery wcześniej () przed wybranymi wstawienia elementu.

Przykłady

$ ( "Img") po ( " po dodać tekst") ;. $ ( "img "), przed ( " dodaj tekst w przód");

Spróbuj »

Dodając szereg nowych elementów po () i przed () metody

po () i przed () może otrzymać dowolną liczbę nowych elementów parametrem. Można tworzyć nowe elementy poprzez text / html, jQuery lub JavaScript / DOM.

W poniższym przykładzie, tworzymy kilka nowych elementów. Elementy te mogą być tworzone przy użyciu text / html, jQuery lub JavaScript / DOM. Następnie po () metody tych nowych elementów do tekstu (z przed () równie skuteczne):

Przykłady

funkcja afterText () { var txt1 = "<b> < / b>"; // tworzą elementy za pomocą HTML var txt2 = $ ( "<i> </ i>") tekst ( "miłość") ;. // tworzenie elementów za pomocą jQuery var txt3 = Dokument createElement ( "duży" ) ;. // utwórz elementy z użyciem DOM txt3 innerHTML = "jQuery!"; . $ ( "img") po (txt1, txt2, txt3) ;. // dodawanie tekstu na obrazie }

Spróbuj »