”, “

' Ve '

” etiketleri aşağıdaki kodda kullanılmaktadır:

---

---

< div >
< h1 > Merhaba Linuxhint Kullanıcıları < / h1 >
< h2 > Linuxhint cennetin yeridir < / h2 >
< P > programlama dilleri ile ilgili sorgular. < / P >
< / div >
< düğme > Div için Stil Sökücü < / düğme >

Yukarıdaki kodu çalıştırdıktan sonra, web sayfası şöyle görünür:

Çıktı, div ve bir düğmenin HTML yapısını gösterir.

2. Adım: Satır İçi Stil Ekleme
Div açılış etiketinin içinde “ stil ”Öğeleri belirgin ve çekici kılmak için bazı CSS özelliklerini niteliklendirin ve uygulayın:

< div stil = '
renk:koyu eflatun;
arka plan rengi: orta akuamarin;
kenar boşluğu: 20 piksel;
dolgu: 30px;' >
< h1 >Merhaba Linuxhint Kullanıcıları< / h1 >
< h2 >Linuxhint cennetin yeridir< / h2 >
< P >programlama dilleriyle ilgili sorgular.< / P >
< / div >
< br >
< düğme > stil Kaldırmak için Böl< / düğme >

Yukarıdaki kodun çıktısı şu şekildedir:

Çıktı, satır içi stillerin yalnızca div öğesine uygulandığını onaylar.

3. Adım: Satır İçi CSS'yi Kaldırmak için jQuery Kullanma
Stil özniteliklerini kaldırmak için üst işlev, ' belge ' dır-dir ' hazır ”. Aşağıdaki kodda, kullanıcı '' düğmesine tıkladığında iç işlev çağrılır. düğme ”. Bundan sonra, bu işlev sayfada bulunan tüm div öğelerini seçer ve “ remove.Attr() ' yöntem:

< senaryo >
$ ( belge ) .hazır ( işlev ( ) {
$ ( 'düğme' ) .tıklamak ( işlev ( ) {
$ ( 'div' ) .removeAttr ( 'stil' ) ;
} ) ;
} ) ;
< / senaryo >

jQuery kodunu ekledikten sonra web sayfası şu şekilde çalışır:

Yukarıdaki “gif”, div üzerinde uygulanan stillerin butona tıklanarak kaldırıldığını göstermektedir.

Yöntem 2: Bir Div'den Sınıf CSS'yi Kaldırma

HTML öğesini biçimlendirmenin ikinci yolu, onlara bir '' atamaktır. sınıf ”. Ardından, ' içindeki o sınıf bölümüne CSS ekleyin. ” etiketi veya ayrı bir “ CSS dosyası ”. Bu stiller jQuery kullanılarak da kaldırılabilir. Aşağıdaki adımları izleyin:

1. Adım: Div Element'e bir Sınıf Atayın
HTML dosyasında, “ öğesine bir sınıf niteliği atayın.

” öğesi. Ayrıca, “remover” kimliği atayın. ' etiket:

< div sınıf = 'stil' >
< h1 >Merhaba Linuxhint Kullanıcıları< / h1 >
< h2 >Linuxhint cennetin yeridir< / h2 >
< P >programlama dilleriyle ilgili sorgular.< / P >
< / div >
< düğme İD = 'kaldırmak' > stil Kaldır < / düğme >

Ardından, “ ” etiketi ve div sınıfı adını seçin” stil ” ve div öğesine uygulanan CSS özelliklerini yazın:

< stil >
.stil {
renk :altınbaşak;
arka plan- renk : Deniz yeşili;
kenar boşluğu: 20 piksel;
dolgu: 30 piksel;
}
< / stil >

Yukarıdaki kodu çalıştırdıktan sonra, web sayfası şöyle görünür:

Çıktı, stillerin div öğesine uygulandığını görüntüler.

Adım 2: CSS Stilini Kaldırmak İçin jQuery Ekleyin
İçinde ' ” etiketi, yukarıdaki yöntemde belirtilenle aynı jQuery kodunu ekleyin. jQuery' sınıfı kaldır() ” yöntemi “ öğesini kaldırır. stil Butona tıklandığında “div” elemanı ile atanan sınıf:

< senaryo >
$ ( belge ) .hazır ( işlev ( ) {
$ ( 'düğme' ) .tıklamak ( işlev ( ) {
$ ( 'div' ) .removeClass ( 'stil' ) ;
} ) ;
} ) ;
< / senaryo >

Yukarıdaki kodu ekledikten sonra web sayfası şu şekilde çalışır:

Yukarıdaki “gif”, sınıfta yazılan stillerin bir düğme tıklamasıyla kaldırıldığını göstermektedir.

Çözüm

CSS'yi bir div'den kaldırmak için, ' remove.Attr() ' Ve ' sınıfı kaldır() ” yöntemleri kullanılabilir. “ remove.Attr() ”, “ öğesini kaldırır stil ” seçilen öğeden öznitelik. Öte yandan, “ sınıfı kaldır() ”, o öğeye stil uygulamak için kullanılan seçili öğe sınıfını kaldırır. Bu makale, jQuery kullanarak bir div'den CSS'nin nasıl kaldırılacağını başarıyla göstermiştir.