Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Görünüm: 8933|Yanıt: 0

[JavaScript] jQuery ve DOM nesneleri arasında dönüşüm

[Bağlantıyı kopyala]
Yayınlandı 4.01.2016 16:44:58 | | |

jQuery nesnesi nedir?

---, DOM nesnesinin jQuery üzerinden sarılmasıyla oluşturulan nesnedir. jQuery nesneleri jQuery'ye özgüdür ve jQuery'de metodlar kullanabilir.

Mesela ne:

$("#test").html() HTML kodunu elemanın içinde ID testi olarak almak anlamına gelir. html() jQuery'deki yöntemdir

Bu kod, DOM'da kodun uygulanmasına eşdeğerdir:

document.getElementById("id").innerHTML;

jQuery nesneleri DOM nesnelerinin paketlenmesiyle oluşturulsa da, jQuery DOM nesnelerinin herhangi bir metodunu kullanamaz ve DOM nesneleri jQuery'deki metodları da kullanamaz. Rastgele kullanım hata ile sonuçlanır. Örneğin: $("#test").innerHTML, document.getElementById("id").html() hepsi yanlış.

Bir diğer dikkat edilmesi gereken şey ise, #id'yi seçici olarak kullanıldığında, document.getElementById("id") ile elde edilen bir jQuery nesnesi ve DOM nesnesi olarak görülür; bunlar eşdeğer değildir. İkisi arasındaki dönüşüm için aşağıya bakınız.

jQuery farklı ama aynı zamanda ilişkili olduğundan, jQuery nesneleri ve DOM nesneleri birbirine dönüştürülebilir. İkisini dönüştürmeden önce bir kural veriyoruz: eğer biri jQuery nesnesi ise, değişkenin önüne $ ekleriz, örneğin: var $variab = jQuery nesnesi; Bir DOM nesnesi alırsanız, normalle aynıdır: var variab = DOM nesnesi; Böyle bir anlaşma yalnızca açıklama ve ayrım için kolaylık amaçlıdır ve fiili kullanımda şart görülmemiştir.



jQuery nesnesi DOM nesnesine gönderin:

Bir jQuery nesnesini DOM nesnesine dönüştürmek için iki dönüştürme yöntemi vardır: [index] ve .get(index);

(1) jQuery nesnesi, [index] yöntemiyle elde edilebilen bir veri nesnesidir.

Örneğin: var $v =$("#v"); jQuery nesnesi

var v=$v[0];    DOM nesnesi

alert(v.checked) // Bu kutu işaretlenmişse algılar

(2) jQuery kendisi ilgili DOM nesnesini .get(index) yöntemiyle sağlar

Örneğin: var $v=$("#v");  jQuery nesnesi

var v=$v.get(0);   DOM nesnesi

alert(v.checked) // Bu kutu işaretlenmişse algılar




DOM object to jQuery object:

DOM nesneleri için, jQuery nesnesi elde etmek için sadece DOM nesnesini $() ile sarmanız yeterlidir. $(DOM nesnesi)

Örneğin: var v=document.getElementById("v");  DOM nesnesi

var $v=$(v);    jQuery nesnesi

Dönüşümden sonra, jQuery'nin yöntemlerini istediğiniz gibi kullanabilirsiniz.

Yukarıdaki yöntemleri kullanarak jQuery nesneleri ve DOM nesnelerini keyfi olarak birbirine dönüştürebilirsiniz. DOM nesnelerinin yalnızca DOM'daki metotları kullanabileceği, jQuery nesnelerinin ise DOM'daki metodları kullanamayacağı vurgulanmalıdır.




Önceki:C#, e-posta gönderme işlevini uygular
Önümüzdeki:60 saniyelik geri sayım js kodunu açmak için butona tıklayın
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.

Mail To:help@itsvse.com