The html() fungsi dapat mengambil string dari HTML, dan secara efektif akan mengubah .innerHTML properti.

$('#regTitle').html('Hello World');

Namun, teks() fungsi akan mengubah (teks) nilai yang ditentukan elemen, tapi tetap html struktur.

$('#regTitle').text('Hello world'); 

Jika anda bukan memiliki objek jquery anda ingin membuat bukan dari konten yang ada. Kemudian hanya mengatur ulang konten dan menambahkan yang baru.

var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);

Atau:

$('#regTitle').empty().append(newcontent);

Di sini adalah jawaban anda:

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

Sudah ada jawaban yang memberikan cara untuk mengubah bagian Dalam HTML elemen.

Tapi saya akan menyarankan, anda harus menggunakan beberapa animasi seperti Fade Out/ Fade In untuk mengubah HTML yang memberikan efek yang baik berubah HTML bukan langsung mengubah HTML batin.

Menggunakan animasi untuk mengubah Batin HTML

$('#regTitle').fadeOut(500, function() {
    $(this).html('Hello World!').fadeIn(500);
});

Jika anda memiliki banyak fungsi yang perlu ini, maka anda dapat memanggil fungsi umum yang perubahan dalam Html.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}

Jawaban:

$("#regTitle").html('Hello World');

Penjelasan:

$ setara dengan jQuery. Keduanya mewakili objek yang sama di perpustakaan jQuery. The "#regTitle" di dalam kurung disebut pemilih yang digunakan oleh perpustakaan jQuery untuk mengidentifikasi elemen(s) dari html DOM (Document Object Model) yang anda inginkan untuk menerapkan kode. Tanda # sebelum regTitle mengatakan jQuery yang regTitle adalah id dari elemen di dalam DOM.

Dari sana, dot notasi ini digunakan untuk memanggil html fungsi yang menggantikan html batin dengan parameter apa pun yang anda menempatkan di antara tanda kurung, yang dalam hal ini adalah 'Hello World'.

anda dapat menggunakan html atau teks fungsi pada jquery untuk mencapai itu

$("#regTitle").html("hello world");

ATAU

$("#regTitle").text("hello world");

jQuery's .html() dapat digunakan untuk menetapkan dan mendapatkan isi dari dicocokkan non unsur-unsur yang kosong (innerHTML).

var contents = $(element).html();
$(element).html("insert content into element");

Contoh

$( document ).ready(function() {
  $('.msg').html('hello world');
});

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    


        <div class="msg"></div>

Hanya untuk menambahkan beberapa kinerja wawasan.

Beberapa tahun yang lalu saya memiliki sebuah proyek, di mana kita memiliki masalah mencoba untuk mengatur besar HTML / Teks untuk berbagai elemen HTML.

Itu muncul, bahwa "hilang" elemen dan menyuntikkan ke DOM adalah cara yang lebih cepat daripada metode yang disarankan untuk memperbarui DOM konten.

Jadi sesuatu seperti:

var text = "very big content";
$("#regTitle").remove();
$("<div id='regTitle'>" + text + "</div>").appendTo("body");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Harus mendapatkan kinerja yang lebih baik. Aku ingin't baru-baru ini mencoba untuk mengukur bahwa (browser anda harus pintar hari ini), tetapi jika anda'kembali mencari kinerja ini dapat membantu.

The downside adalah bahwa anda akan memiliki lebih banyak bekerja untuk menjaga DOM dan referensi dalam script anda menunjuk ke objek yang tepat.

jQuery memiliki beberapa fungsi yang bekerja dengan teks, jika anda menggunakan text() salah satu, itu akan melakukan pekerjaan untuk anda:

$("#regTitle").text("Hello World");

Juga, anda dapat menggunakan html() sebaliknya, jika anda memiliki tag html...