-
jQuery Mobile kurs
- jQuery Mobile kurs
- jQuery Mobile krótkie wprowadzenie
- jQuery Mobile zainstalować
- jQuery Mobile strona
- jQuery Mobile przejście
- jQuery Mobile przycisk
- jQuery Mobile ikony przycisków
- jQuery Mobile muzyka pop
- jQuery Mobile Toolbar
- jQuery Mobile Pasek nawigacji
- jQuery Mobile płyta
- jQuery Mobile Składany blok
- jQuery Mobile stół
- jQuery Mobile oczko
jQuery Mobile lista
jQuery Mobile forma
- jQuery Mobile Stanowią podstawę
- jQuery Mobile formularz wejściowy
- jQuery Mobile Wybierz formularz
- jQuery Mobile suwak formularz
jQuery Mobile motyw
jQuery Mobile wydarzenie
Najlepszy samouczek Klasa jQuery Komórka CSS W 2024 r. W tym samouczku możesz dowiedzieć się jQuery klasy CSS,Globalna klasa,Klasa przycisk,Klasa Ikona,Kategoria Temat Klasy,Klasa Siatka,
Klasa jQuery Komórka CSS
jQuery klasy CSS
Klasa jQuery Komórka CSS projektować różne elementy.
Poniższa lista zawiera ogólne style CSS:
Globalna klasa
Poniższe klasy można używać (przyciski, paski narzędzi, panele, tabele, listy, etc.) w jQuery mobilnych gadżetów:
| klasa | opis |
|---|---|
| ui-corner-all | Dodawanie elementu filet |
| ui-shadow | Aby dodać element cień |
| ui-overlay-shadow | Dodawanie cienia wielowarstwową elementu |
| ui-mini | Niech mniejsze elementy |
Klasa przycisk
Oprócz światowej klasy, można dodać następujące klasy (a nie <input> przycisk) aR lub <button> elementu:
| klasa | opis |
|---|---|
| ui-btn | Dodać <a> elementy jak przyciski i wyświetlacz |
| ui-btn-inline | Wskaźnik przycisku w tym samym wierszu |
| ui-btn-icon-top | Cel ikon nad tekstem przycisk |
| ui-btn-icon-tuż | Cel ikonę po prawej stronie tekstu przycisku |
| ui-btn-icon-bottom | ikona docelowa pod tekstem przycisk |
| ui-btn-icon-lewy | Cel ikon po lewej tekście przycisk |
| ui-btn-icon-notext | Pokaż tylko ikonę |
| ui-btn-a | b | Oznaczenie przycisk demo. "A" jest domyślnym (czarny tekst na szarym tle stylu), "b", aby zmienić kolor na czarnym tle z białym tekstem |
Klasa Ikona
Klasa wszystkich dostępnych obrazów wykorzystywanych w Ra i <button> element (patrz instrukcja jQuery Komórka referencyjna ikonę , aby dowiedzieć się, jak korzystać z innych elementów):
| Class | 图标描述 | 图标 |
|---|---|---|
| ui-icon-action | 动作 (一般用于页面跳转切换) |  |
| ui-icon-alert | 三角形内的感叹号 |  |
| ui-icon-audio | 音响/音箱 |  |
| ui-icon-arrow-d-l | 左下角箭头 |  |
| ui-icon-arrow-d-r | 右下角箭头 |  |
| ui-icon-arrow-u-l | 左上角箭头 |  |
| ui-icon-arrow-u-r | 右上角箭头 |  |
| ui-icon-arrow-l | 左角箭头 |  |
| ui-icon-arrow-r | 右角箭头 |  |
| ui-icon-arrow-u | 向上箭头 |  |
| ui-icon-arrow-d | 向下箭头 |  |
| ui-icon-back | 返回 |  |
| ui-icon-bars | 三条水平线，一般用于展示列表按钮图标 |  |
| ui-icon-bullets | 用于展示列表按钮图标 |  |
| ui-icon-calendar | 日历 |  |
| ui-icon-camera | 相机 |  |
| ui-icon-carat-d | 向下滑动图标 |  |
| ui-icon-carat-l | 向左滑动图标 |  |
| ui-icon-carat-r | 向右滑动图标 |  |
| ui-icon-carat-u | 向上滑动图标 |  |
| ui-icon-check | 勾选 |  |
| ui-icon-clock | 闹钟 |  |
| ui-icon-cloud | 云 |  |
| ui-icon-comment | 评论 / 消息 |  |
| ui-icon-delete | 删除 |  |
| ui-icon-edit | 编辑 / 铅笔 |  |
| ui-icon-eye | 眼睛 |  |
| ui-icon-forbidden | 禁用标识 sign |  |
| ui-icon-forward | 撤销 - (返回上一步) |  |
| ui-icon-gear | 齿轮，一般用于设置按钮图标 |  |
| ui-icon-grid | 网格 |  |
| ui-icon-heart | 心型，可用于文章收藏 |  |
| ui-icon-home | 主页 |  |
| ui-icon-info | 信息 |  |
| ui-icon-location | 定位 |  |
| ui-icon-lock | 锁 |  |
| ui-icon-mail | 邮件 / 信封 |  |
| ui-icon-minus | 减号 |  |
| ui-icon-navigation | 导航 |  |
| ui-icon-phone | 电话 |  |
| ui-icon-power | 开关 (On/off) |  |
| ui-icon-plus | 加号 |  |
| ui-icon-recycle | 循环 标识 |  |
| ui-icon-refresh | 刷新 |  |
| ui-icon-search | 搜索 / 放大镜 |  |
| ui-icon-shop | 商店/购物袋 |  |
| ui-icon-star | 星号 |  |
| ui-icon-tag | 标签 |  |
| ui-icon-user | 用户 / 人物 |  |
| ui-icon-video | 视频 / 相机 |  |
Kategoria Temat Klasy
jQuery Komórka tematem oferuje dwie klasy: a (szary) i B (czarny). Jednakże, można tworzyć własne klasy niestandardowe - zdefiniowanie literę "Z" (patrz jQuery Telefony tematów ). Poniższa tabela przedstawia dostępne klasy tematy. Litery (AZ) oznacza, że można określić styl z. Na przykład UI-bar-a lub UI-Bar-B i tym podobne.
| klasa | opis |
|---|---|
| ui-bar (AZ) | Określ Demo column - nagłówek, stopkę oraz inne sekcje |
| ui-ciało- (AZ) | Określa kolor fragmentów treści - strona sekcji zawartości (wersja 1.4.0), przestarzałe widoku listy, pop, pasek boczny, panel, obciążenie, upadł. |
| ui-btn- (AZ) | Określ kolor przycisku |
| ui-group-theme- (AZ) | Definiuje grupy kontrolnej listviews prezentacji oraz składaną. |
| ui-overlay- (AZ) | Definiuje kolory tła strony, włączając w oknach dialogowych, pop-upów i innych stron najwyższego poziomu pojawi się w pojemniku |
| ui-page-theme- (AZ) | Definiowanie strony demonstracyjnej |
Klasa Siatka
kolumny siatki mają jednakową szerokość całkowita (100%), bez obramowania, tła, margines lub dopełnienie. Istnieją cztery siatki układu są dostępne:
| Klasa Siatka | rząd | Szerokość kolumny | korespondencja | Przykłady |
|---|---|---|---|---|
| ui-grid-Solo | 1 | 100% | ui-block-a | próbować |
| ui-grid-a | 2 | 50% / 50% | ui-blok-a | b | próbować |
| ui-grid-b | 3 | 33% / 33% / 33% | ui-blok-a | b | c | próbować |
| ui-grid-c | 4 | 25% / 25% / 25% / 25% | ui-blok-a | b | c | d | próbować |
| ui-grid-d | 5 | 20% / 20% / 20% / 20% / 20% | ui-blok-a | b | c | d | e | próbować |
Dalsze informacje dostępne są jQuery komórkowy Siatka sekcji.