jQueryを使ったポータルサイトでよく見かけるタブパネル
jQueryで見出しのタブをクリックすると内容のパネルが切り替わるタブパネル
-
桜が丘高校在籍、1年3組→2年2組→3年2組→N女子大学教育学部
パート：リードギター、メインボーカル、コーラス、作詞
11月27日生まれ（射手座）。髪は茶色のセミロング。黄色のヘアピンで右の前髪を留めている。1学年下の妹の憂がいる。
本作の主人公。天然でドジっ娘気質。普段はのんびり屋で温厚だが、和とケーキを一口交換するときに、和からショートケーキのてっぺんの苺を食べられたときは珍しく感情を露わにして梓に電話をして同意を求めたりする一面を見せていた。自分の好みやこだわりに関する事実に関しては神経過敏な面もある。感情が顔に出やすい半面、見栄っ張りでもあり、優柔不断でもある。
勉強は苦手だが、1つの物事に真剣に取り組むと目覚ましい成果を挙げることができ、学校の追試や大学入試もパスした。しかし、その反面一つのことにしか集中できず1つのことを極めるとそれまで身に付けていたことを忘れてしまう。体を動かすことは苦手。
-
桜が丘高校在籍、1年時の所属クラスは不明→2年2組→3年2組→N女子大学
パート：キーボード、サブボーカル、サブコーラス、作曲
7月2日生まれ（蟹座）。半円状の太い眉毛が特徴。髪はウェーブのかかった（本人によるとパーマではなく癖っ毛）ロングヘアで、金髪に近いほどの明るい色をしている。肌の色は、原作では他のメンバーと変わらないが、テレビシリーズではより色白に描かれている。
大企業の社長令嬢で家には執事がおり、各地に別荘を所有する。唯がギターを購入したレコード・楽器店の「10GIA」や、軽音部員が一時期アルバイトに就いていた喫茶店は父の企業に属している。
通称「ムギ（ちゃん）（先輩）」。
性格はおっとりとして温厚。基本的にお嬢様らしいていねいな言葉遣いである。だが、内面は怖い一面を垣間見せており、行きつけの楽器屋に25万円のギターを値切ったり、無言で威圧して修理代を無料にさせるなど、楽器屋も紬には頭が上がらないようである。他、原作では澪との電話中に話しかけてきた執事を「斉藤!!今電話中なのよ、静かになさい!!」と怒鳴りつけていた。
成績は澪と同じぐらい優秀。
-
桜が丘高校在籍、1年2組→2年1組→3年2組→N女子大学
パート：ベース、ボーカル、メインコーラス、作詞
1月15日生まれ（山羊座）、左利き。長い黒髪ストレートが特徴。前髪は姫カット
人見知りが激しい一方で寂しがり屋でもある。痛い話題や怖い話題が苦手な繊細な性格で、小学生の頃は引っ込み思案で友達も少なく、本ばかり読んでいた。律と出会ってからは人見知りが緩和され、律の提案で男口調で話す大人びた性格になっている。
前述の性格が原因で人前に出るのが苦手なため、ライブの前は極度に緊張して動揺する。それを克服するため、紬の父の企業が経営する喫茶店で唯たちとバイトをしたが、結局は接客業に免疫がついただけだった。しかし、追い詰められれば何でもできる性格で、ライブや劇なども何とか完璧にこなせた。テレビシリーズでは律の説得もあり、自分から一歩進んで前に出るようになり、夏フェスを積極的に楽しんだりしている。なお、テレビシリーズでは気弱な性格面がより強調されると同時にコミカルな一面を見せる事が多い。
-
桜が丘高校在籍、1年2組→2年1組→3年時不明
パート：リズムギター、サブコーラス、highschoolではボーカル、リードギター
11月11日生まれ（蠍座）。小柄な体格でやや青みがかった黒髪のロングツインテールが特徴。
唯たちが桜高軽音部に所属していた時の唯一の後輩。唯たちの1学年下で憂とは同学年。唯たちの卒業後は律の後を継いで部長に就任。
highschoolでは主人公。
両親がジャズバンドをやっていた影響で小学4年生のときからギターを学んでいるため、入部した時点でも演奏技術は確かなものがあり、専門知識も豊富に持っている。そのため、ジャズ研の純からの評価も高い。
-
桜が丘高校在籍、1年2組[注 10]→2年2組→3年2組→N女子大学
パート：ドラムス、サブコーラス
8月21日生まれ（獅子座）。桜が丘高校軽音部時代は1年から3年まで部長。唯と紬とさわ子からは「りっちゃん」と呼ばれている。茶色の前下がりショートカットに黄色のカチューシャをし、おでこを出している。冬季制服では（原作では冬場を除いて）ボタンの前を空けてブラウスの裾を出している。夏季制服ではベストを着ない。
軽音部メンバーの中で唯一、最初から軽音部に入部することを決めていた。指でちまちまするような細かい楽器が苦手という理由からドラムを担当する。テレビシリーズでは憧れのドラマーとして、過激なパフォーマンスで有名な「ザ・フー」のキース・ムーンの名を挙げている。ドラムの腕に関しては活きが良くパワフルとのことだが、走り気味だと評されることも多く、同じリズム隊である澪はリズムをキープするのが大変だと語っている。唯と同様、部活でほとんど練習しようとしないため梓や澪によく怒られるが、家では練習している模様。
jQueryを使い、タブ（見出し）をクリックすると、パネル（タブの内容が
書かれた部分）が切り替わるタブパネルです。大手ポータルサイトの
Yahoo!のトップページでも利用される定番UIです。
『番外編』：Ajaxを使ったver.
けいおん!好きなホームページ担当志望者がjQueryを勉強し始めたようです。
