jQuery $(this)

Question

Cześć,

do tej pory myślałem, że to rozumie ale ten przykład pokazał, że jednak nie. 

$(function() {
	$("div#menu_1").mouseover(
		function(){
			$(this).next("div#menu_2").slideDown(800).siblings("div#menu_2").slideUp(500);
		});
	});
	

Proszę wyjasnijcie mi jak rozumieć $(this), do czego odnosi się this? 

I jeszcze jedna kwestia, do tej pory wydawało mi się, że jeśli używam w jakimś divie to aby się do niego odniesc wystarczy, że napiszę $("#menu_1"), bez pisania div przed #. A w tym przykładzie to nie działa. 

Answer 1

Mogę Ci pomóc w 15 minut twojego czasu ;)

https://www.youtube.com/watch?v=v-RC3kJCL4c&t=4s

Element (this) odnosi się do aktualnego elementu do którego się wcześniej odwołałeś ;)

Comments

rada z używaniem klas zamiast id w takich przypadkach bardzo cenna

Odpowiedz mi jeszcze tylko na pytanie czy to, że tam jest $("this").next(".menu_2")  a wpisanie $(".menu_1").next(".menu_2") psuje kod wynika z faktu, że this odnosi do tego na co najechałem myszką, a .menu_1 oznaczałoby - wykonaj operacje na wszstkich bloczkach oznaczonych przez tą klasę?

---

Zagmatwałeś to troszkę :D

(this) odnosi się jak wcześniej mówiłem do elementu wcześniejszego czyli w twoim przypadku ('.menu_1') ;)

Pozdro ;)

---

hmm to nadal nie wiemy czemu nie mogę $(this) zastąpić $(".menu_1")

---

Chodzi o szybkość pisania, rób jak Ci wygodniej ;)

---

no wiesz gdyby to o wygode chodziło to wszystko mi jedno, gorzej, że wtedy kod nie działa, rozjeżdża się wszystko