Zestaw treści - text(), html() i val()
Będziemy wykorzystywać te same trzy metody z poprzedniejstrony, aby ustawić zawartość:
- text() - ustawia lub zwraca zawartość tekstową wybranych elementów
- html() - ustawia lub zwraca zawartość wybranych pierwiastków (w tym znaczniki HTML)
- val() - ustawia lub zwraca wartość pola formularza
Poniższy przykład pokazuje, jak ustawić treści z jQuery text(), html() i val() metody:
Przykład
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
Spróbuj sam " Funkcja zwrotna dla text(), html() i val()
Każdy z powyższych trzech metod jQuery: text(), html() i val() , również wyposażone w funkcję zwrotną. Funkcja oddzwaniania ma dwa parametry: wskaźnik bieżącego elementu na liście wybranych elementów i wartości początkowej (starej). Następnie zwracają łańcuch, którego chcesz użyć jako nową wartość z funkcji.
Poniższy przykład pokazuje, text() i html() z funkcji wywołania zwrotnego:
Przykład
$("#btn1").click(function(){
$("#test1").text(function(i, origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i, origText){
return "Old html: " + origText + " New html: Hello
<b>world!</b>
(index: " + i + ")";
});
});
Spróbuj sam " Ustawić atrybuty - attr()
JQuery attr() Metoda służy również ustawić / zmienić wartości atrybutów.
Poniższy przykład pokazuje, jak zmienić (set) wartość href atrybutu w linku:
Przykład
$("button").click(function(){
$("#w3s").attr("href", "http://www.w3ii.com/jquery");
});
Spróbuj sam " attr() metoda pozwala także ustawić wiele atrybutów w tym samym czasie.
Poniższy przykład pokazuje, jak ustawić zarówno href i tytuł atrybutów w tym samym czasie:
Przykład
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.w3ii.com/jquery",
"title" : "w3ii jQuery Tutorial"
});
});
Spróbuj sam " Funkcja zwrotna dla attr()
Metoda jQuery attr() , również wyposażone w funkcję zwrotną. Funkcja oddzwaniania ma dwa parametry: wskaźnik bieżącego elementu na liście elementów wybranych i oryginalny (stary) wartość atrybutu. Następnie zwracają łańcuch, którego chcesz użyć jako nową wartość atrybutu z funkcji.
Poniższy przykład demonstruje attr() z funkcji wywołania zwrotnego:
Przykład
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery";
});
});
Spróbuj sam " Sprawdź się z ćwiczeń!
Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 »
jQuery HTML Reference
Aby uzyskać pełny przegląd wszystkich metod jQuery HTML, przejdź do naszej jQuery HTML / CSS .