ネイティブjavascriptでHTMLの要素を取得する!脱jQueryはじめの一歩

ネイティブなjavascriptを使いたい方こんにちわ。
jQueryで要素を取得する時に使う「$()」は、すごい便利です
では、javascriptでHTMLの要素を取得するにはどうしたらいいのか
ざっと分け ...
CSSを軽量化してサイトを高速化するための初心者向け4つのポイント

CSSプリプロセッサー(SASSやLESSなど)を使用せずに日々CSSを書いている方こんにちは!
日々CSSを記述している中で、セレクタや同じプロパティを繰り返し膨大なCSSファイルを作成していませんか?
CSSの ...
CSSで対象を指定するセレクタの書き方に物申す!

仕事中に遭遇するこんな書き方
「.post div.itemwrap ul li p {}」
「#systemWrap section {}」
まぢやめて。
jQueryにおけるセレクタとは、トラバースとは

jQueryでDOM要素(divやpなどのタグ)を指定する際に使用する
「セレクタ」と「トラバース」について
次のようにタグやクラス、IDや属性を直接指定する
jQuery$('.class& ...CSSの基本、書式と名称【CSS入門】

CSSを編集するにはまず基本を押さえておく必要があります。
基本的なルールさえ覚えてしまえば非常に簡単な構造になっているので、初心者でも比較的簡単に編集することができます。
2、セレクタ
コピペで簡単!jQueryでアコーディオン(開閉メニュー)を作る

すぐに使えるコードをいっぱい持っておくと、
いろいろな仕事を振られたときに迅速な対応が出来るようになっていきます。
みなさんこんにちわ
今回は、メニューやFAQなどでよく見るアコーディオンを、
コピペで ...
cssやjQueryでn番目の要素を指定する疑似クラスnth-of-type()、nth-child()

n番目を指定するための便利なクラスnth-○○の使い方一覧
基本親要素からみた子要素のn番目を指定する
nth-of-typeはタグの種類を限定して数える
nth-childはすべてのタグを数える
$(this).parent().parent().parent().find('div.class p.class span')

ォオ~!!(゚Д゚ノ)ノ
仕事中に遭遇したjqueryの一文
タグの構造に依存しまくりでこのままだと構造が変えられない・・・
3つ目の.parent()にクラスをつけて、最後のspanにもクラスをつけ ...