|
|
Opublikowano 04.01.2016 16:44:58
|
|
|
Czym jest obiekt jQuery?
--- to obiekt generowany przez owijanie obiektu DOM przez jQuery. obiekty jQuery są unikalne dla jQuery i mogą wykorzystywać metody w jQuery.
Na przykład co:
$("#test").html() oznacza uzyskanie kodu html wewnątrz elementu za pomocą testu ID jako testu. html() to metoda w jQuery
Ten kod jest odpowiednikiem implementacji kodu w DOM:
document.getElementById("id").innerHTML;
Chociaż obiekty jQuery są generowane przez owijanie obiektów DOM, jQuery nie może używać żadnych metod obiektów DOM, ani obiekty DOM nie mogą używać metod w jQuery. Losowe użycie skutkuje błędem. Na przykład: $("#test").innerHTML, document.getElementById("id").html() są całkowicie błędne.
Warto też zauważyć, że używanie #id jako selektora to obiekt jQuery oraz obiekt DOM uzyskany przez document.getElementById("id"), które nie są równoważne. Zobacz poniżej, aby poznać konwersję między tymi dwoma grupami.
Ponieważ jQuery jest inny, ale też powiązany, obiekty jQuery i DOM mogą być również konwertowane między sobą. Przed konwersją obu najpierw podajemy konwencję: jeśli jeden jest obiektem jQuery, dodajemy $ przed zmienną, na przykład tak: var $variab = jQuery object; Jeśli otrzymasz obiekt DOM, jest on taki sam jak normalnie: var variab = obiekt DOM; Taka umowa służy jedynie wygodzie wyjaśnienia i rozróżnienia i nie jest przewidziana w rzeczywistym zastosowaniu.
jObiekt zapytania do obiektu DOM:
Istnieją dwie metody konwersji obiektu jQuery na obiekt DOM: [index] oraz .get(index);
(1) Obiekt jQuery jest obiektem danych, który można uzyskać za pomocą metody [index].
Na przykład: var $v =$("#v"); obiekt jQuery
var v=$v[0]; Obiekt DOM
alert(v.checked) // Wykrywa, czy to pole jest zaznaczone
(2) jQuery sam dostarcza odpowiadający obiekt DOM za pomocą metody .get(index)
Na przykład: var $v=$("#v"); obiekt jQuery
var v=$v.get(0); Obiekt DOM
alert(v.checked) // Wykrywa, czy to pole jest zaznaczone
Obiekt DOM do obiektu jQuery:
Dla obiektów DOM wystarczy owinąć obiekt DOM w $(), aby uzyskać obiekt jQuery. $(obiekt DOM)
Na przykład: var v=document.getElementById("v"); Obiekt DOM
var $v=$(v); obiekt jQuery
Po konwersji możesz korzystać z metod jQuery według własnego uznania.
Korzystając z powyższych metod, możesz dowolnie konwertować obiekty jQuery i DOM między sobą. Należy podkreślić, że obiekty DOM mogą używać tylko metod w DOM, a obiekty jQuery nie mogą używać metod w DOM. |
Poprzedni:C# realizuje funkcję wysyłania e-mailiNastępny:Kliknij przycisk, aby wyświetlić 60-sekundowy kod JS
|
