linkedin facebook linkedin facebook nod32

jQuery da filtrlar

Muallif: Mengliyev Sh.

Qo`shilgan sana: 2015-05-01

jQuery da filtrlar

:firs- mos sinchkovlik birinchi elementni tanlaydi.

Misol:

$("tr:first").css("font-style", "italic");

Ushbu kursiv jadvalining birinchi qatoriga yozaman.

:last - mos sinchkovlik oxirgi elementi tanlaydi.

Misol:

$("tr:last").css("font-style", "italic");

Ushbu kursiv jadvalda oxirgi qatoriga yozaman.

:even- hatto noldan elementlarni tanlaydi.

Misol:

$("tr:even").css("font-style", "italic");

Qiya jadvalda barcha hatto satrlarni yozish. Bu qo'llanma (raqamlashda noldan ketadi, chunki ingl u g'alati chiziqlar ko'rinadi).

: Odd - noldan g'alati tanlaydi elementlari.

Misol:

$("tr:odd").css("font-style", "italic");

Qiya jadvalda barcha g'alati chiziqlar yozish Bu qo'llanma (raqamlash noldan ketadi, chunki ingl bu hatto satrlarni ko'rinadi).

:eq(index)- uning indeksi bilan bir narsani tanlaydi (nolga asoslangan).

 Misol:

$("td:eq(2)").css("font-style", "italic");

Ushbu jadvalda ikkinchi hujayra kursiv matn yozish qiladi (raqamlash noldan ketadi, chunki ingl u uchinchi hujayrasi ko'rinadi).

: gt (index) - belgilangan buyukroq indeksli elementlarni tanlaydi.

Misol:

$("td:gt(2)").css("font-style", "italic");

Ushbu sekundiga bilan boshlab, stol barcha hujayralaridagi kursiv matn yozish qiladi (raqamlash noldan ketadi, chunki ingl u uchinchi hujayraning ko'rinadi).

: lt (index) - bu kam indeksli elementlarni tanlaydi.

Misol:

$("td:lt(4)").css("font-style", "italic");

Ushbu jadvalda birinchi besh hujayralari kursiv matn yozish etadi.

Sifatida tegishli bir misolni ko'rib chiqaylik. Siz liniyalar rangini o'zgartirish mumkin, bir jadval, yarataylik: hatto chiziqlar kulrang va g'alati - ko'k va 5 dan hujayralari shrift rangi sariq bo'ladi. Men raqamlashi, shunday ko'rinishda g'alati asoslangan nol va hatto liniyalari aksi, va 5 hujayra ingl bir oltinchi kabi ko'rinadi deb eslang.

Html kodi:

<html>
  <head>
    <title>jQuery</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="jquery-1.2.6.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body>
    <h2> jQuery da filter</h2>
    <table border="1" width="300">
        <tr><td>jQuery</td><td>o`qiladigan satr ko`k </td></tr>
        <tr><td>jQuery</td><td> o`qilamaydigan satr sariq </td></tr>
        <tr><td>jQuery</td><td> o`qiladigan satr ko`k </td></tr>
        <tr><td>jQuery</td><td> o`qilamaydigan satr sariq </td></tr>
        <tr><td>jQuery</td><td> o`qiladigan satr ko`k </td></tr>
        <tr><td>jQuery</td><td> o`qilamaydigan satr sariq </td></tr>
    </table><br>
    <input type="button" value="Ranglarni berish" onclick="addColor3();">
  </body>
</html>

Funksiya kodi script.js da yoziladi:

function addColor3(){
  $("tr:even").css("background-color", "grey");
  $("tr:odd").css("background-color", "blue");
  $("td:gt(5)").css("color", "yellow");
}

Biz yana kiyingi mavzularda filtrlarni o'rganish davom etiramiz.

721 marta o`qildi.

Parol:
Eslab qolish.


Ro`yhatdan o`tish

testing

+998915878681

Siz o`z maxsulotingizni 3D reklama ko`rinishda bo`lishini xohlaysizmi? Unda xamkorlik qilamiz.

3D Reklama


Рейтинг@Mail.ru
Рейтинг@Mail.ru

Besucherzahler
счетчик посещений