jQuery-da wakalaryň baglanşygy

JavaScript-deki ähli wakanyň özüne laýyk jQuery metodu bar. Mysal üçin, elementlere basylganda şeýle ýol bilen ýakalap bolýar: $(selektor).click(funksiýa).

Aşakdaky HTML koda serediň:

<ul>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ul>

Ona CSS ýazyldy:

li {
	width: 100px;
	cursor: pointer;
}

Geliň, haýsydyr bir li-e basylganda çykyşda ünlem belgisi görkezilsin. Sanaw elementlerine basyp göreň:

$('li').click(function() {
	alert('!');
});

Baglanan funksiýanyň içinde this elýeterlidir, ol waka bolan elemente gönişlýär (biziň mysalymyzda, basylyp duran li-ä). Bu this-i JavaScript usuly bilen ulanyp bolýar, mysal üçin, this.innerHTML ýa-da jQuery usuly bilen - bu ýagdaýda this-i $-a öwürmeli, şeýle: $(this).

HTML koduny alyň:

<ul>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ul>

Bu koda aşakdaky CSS stilleri ýazyldy:

li {
	width: 100px;
}
li:hover {
	color: red;
	cursor: pointer;
}

Geliň, li-e basylganda onyň ahyryna '!' goşulyş etsin. Işini barlamak üçin sanaw elementlerine basyň:

$('li').click(function() {
	$(this).append('!');
});

li-e basylganda onyň başyna '?' goşulyş etdiriň.

Abzaslar berlen. Her abzasa basylganda onuň mazmuny ekrana çyksyn.

Sanly abzaslar berlen. Abzasa basylganda onuň öz içinde bolan sanyň kwadraty peýda bolmaly.