آموزش (jQuery) جی کوئری 4#
نویسنده: صابر فتح الهی
تاریخ: ۱۳۹۱/۱۲/۲۷ ۱۱:۳۵
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
a:first
p:odd
p:even
| توضیح | فیلتر |
| اولین عنصر که با شرط ما مطابقت میکند را انتخاب میکند، li a:first اولین لینکی را که فرزند لیست به حساب میآیند؛ را بر میگرداند | :first |
| آخرین عنصری که با شرط ما مطابقت کند را انتخاب میکند. li a:last آخرین لینک از فرزندان لیست را برمی گرداند. | :last |
| اولین فرزند عنصر که با شرط ما مطابقت میکند را انتخاب میکند. li a:first-child اولین عنصر لینک از هر لیست را برمی گرداند. | :first-child |
| آخرین فرزند عنصر که با شرط ما مطابقت میکند را انتخاب میکند. li a:last-child اولین عنصر لینک از هر لیست را برمی گرداند. | :last-child |
| تمام عناصری که پدر انها تنها همان فرزند را داد، برمی گرداند. | :only-child |
| nامین فرزند عنصری که با شرط ما مطابقت داشته باشد را انتخاب میکند. li: nth-child:(2) //comment دومین عنصر از هر لیست را برمی گرداند. | :nth-child(n) |
| فرزندان زوج یا فرد عنصر را انخاب میکند. li:nth-child(even) //commentتمام عناصر زوج لیستها را بر میگرداند. | :nth-child(even یا odd) |
| nامین فرزند عنصری که از طریق فرمول ارایه شده به دست میآید را انتخاب میکند. اگر Y صفر باشد، نیازی به نوشتن آن نیست. li:nth-child(3n)//comment تمام عناصر ضریب 3 لیستها را بر میگرداند، در حالی که li:nth-child(5n+1)// comment عناصری از لیست را برمیگرداند که بعد از عنصرهای ضریب 5 لیستها قرار گرفته باشند. | :nth-child(Xn+Y) |
| تمام عناصر زوج یا فرد که با شرط ما مطابقت کنند را انتخاب میکند. li:evenتمامی عناصر زوج لیستها را بر میگرداند. | :even |
| n امین عنصر انتخاب شده را برمی گرداند. | :eq(n) |
| عناصر بعد از n امین عنصر را بر میگرداند. (در واقع عناصری که بزرگتر از عنصر n ام هستند را بر میگرداند) | :gt(n) |
| عناصر قبل از n امین عنصر را بر میگرداند. (در واقع عناصری که کوچکتر از عنصر n ام هستند را بر میگرداند) | :lt(n) |
<table id="languages">
<thead>
<tr>
<th>Language</th>
<th>Type</th>
<th>Invented</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td>Static</td>
<td>1995</td>
</tr>
<tr>
<td>Ruby</td>
<td>Dynamic</td>
<td>1993</td>
</tr>
<tr>
<td>Smalltalk</td>
<td>Dynamic</td>
<td>1972</td>
</tr>
<tr>
<td>C++</td>
<td>Static</td>
<td>1983</td>
</tr>
</tbody>
</table>table#languages tbody td:first-child
table#languages tbody td:nth-child(1)
:nth-child(2)
:nth-child(3) یا :last-child