Latest web development tutorials

jQuery ustawić zawartość i właściwości

Ustaw treść - tekst, html () () i Val ()

Będziemy wykorzystywać ten sam sposób jak w poprzednim rozdziale ustawić trzy elementy:

  • text () - ustawia lub zwraca zawartość tekstową wybranego elementu
  • html () - Ustawia lub zwraca zawartość wybranego elementu (w tym tagów HTML)
  • val () - zwraca wartość lub pól formularza

Poniższy przykład pokazuje, jak text (), html () i val () aby ustawić zawartość:

Przykłady

$ ( "# Btn1"). Click (function () {
$ ( "# Test1") tekst ( "Hello world!") .;
});
$ ( "# Btn2"). Click (function () {
$ ( "# Test2") html ( "<b> Hello world </ b>") .;
});
$ ( "# Btn3"). Click (function () {
$ ( "# Test3") val ( "w3big") .;
});

Spróbuj »


text (), html () i val () funkcja zwrotna

Powyższe trzy metody jQuery: text (), html () i val (), posiada również funkcję zwrotną. Oddzwaniania przez dwa parametry: wybranego elementu na liście elementów w ramach obecnego standardu, jak również wartości początkowej (starej). Następnie funkcja zwraca wartość, którą chcesz użyć nowego łańcucha.

Poniższy przykład pokazuje tekst z zwrotnego () i html ():

Przykłady

$ ( "# Btn1"). Click (function () {
$ ( "# Test1"). Tekst (function (I, origText) {
return "stary tekst:" + origText + "Nowy tekst: Hello World (indeks :!" + i + ")";
});
});

$ ( "# Btn2"). Click (function () {
$ ( "# Test2"). Html (function (I, origText) {
powrotu "starego html:" + origText + "nowa html: Witaj <b> świecie </ b> (indeks :!" + i + ")";
});
});

Spróbuj »


Ustaw atrybuty - attr ()

Metoda jQuery attr () służy do ustawiania / zmienić wartość właściwości.

Poniższy przykład pokazuje, jak zmienić wartość atrybutu href (ustawienie) Opinie:

Przykłady

$ ( "Button"). Click (function () {
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});

Spróbuj »

Metoda attr () pozwala również na ustawienie wielu właściwości jednocześnie.

Poniższy przykład pokazuje, jak ustawić atrybut zarówno href i tytuł:

Przykłady

$ ( "Button"). Click (function () {
$ ( "# W3big"). Attr ({
"Href": "http://www.w3big.com/jquery"
"Title": "jQuery Tutorial"
});
});

Spróbuj »


attr () funkcja zwrotna

Metoda jQuery attr (), również funkcję zwrotną. Oddzwaniania przez dwa parametry: wybranego elementu na liście elementów w ramach obecnego standardu, jak również wartości początkowej (starej). Następnie funkcja zwraca wartość, którą chcesz użyć nowego łańcucha.

Poniższy przykład ilustruje w sposób funkcja zwrotna attr ():

Przykłady

$("button").click(function(){
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});

Spróbuj »