JQuery ile bir DIV'de HTML nasıl değiştirilir

1. Adım

Bir web geliştirme uygulamasını veya bir metin düzenleyicisini açın ve yeni bir HTML sayfası oluşturun.

2. Adım

"" "" Etiketleri arasında karşılık gelen HTML kodunu ekleyerek jQuery kitaplığını sayfaya ekleyin. Örneğin:

JQuery web sitesinden indirilen kütüphanenin konum ve versiyonunu eşleştirmek için "src" özniteliğindeki yolu değiştirin.

3. adım

Örnek metin içeren sayfaya bir HTML div eklemek için aşağıdaki kodu yazın. Bu, "" "" etiketler arasına eklenmelidir.

Bu bir örnektir

4. Adım

DIV örneğinden sonra eklenecek olan aşağıdaki kodu kullanarak bir HTML düğmesi ekleyin. Düğme, jQuery aracılığıyla tıklama işleyicisini ekleyeceğiniz için, şu an için bir eylem tanımlanmamıştır.

Adım 5

JQuery kitaplığını eklemek için kullanılan "" "" etiketin altındaki etiketler "arasında aşağıdaki HTML kodunu ekleyin.

Bu kod, sayfa yüklendikten sonra otomatik olarak çalışacak bir işlev oluşturacaktır. Ardından, tıklatıldığında bir işlevi yürüten "myButton" HTML kimliğine sahip düğme için bir tıklama işleyicisi tanımlarsınız. İşlev, DIV'de bulunan HTML kodunu "test" kimliğiyle değiştirir.

6. Adım

Sayfayı web sunucunuza yükleyin ve ardından bir tarayıcıda açın. Düğmeye tıklayın ve tıklama işleyici çalışırken DIV içeriğinin anında değiştiğini göreceksiniz.