Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー/クリエイター向けの最新情報まとめアンテナ。

2019年02月12日(火)

脱jQueryの道 初級編

要素取得する

セレクタで指定したid・classの要素を取得してみましょう。
これがないと始まりませんね。

要素を一つだけ取得する

以前は、idがgetElementByIdで、classはgetElementsByClassNameを使用していましたが、最近はquerySelectorが主流です。
CSSのセレクタのように要素名を指定するか、.でclass、#でidを取得できます。

JavaScript

// 要素名で取得 document.querySelector('div'); // classを取得 document.querySelector('.example'); // idを取得 document.querySelector('#example'); 複数の要素を取得する

複数の要素を取得する場合はquerySelectorAllを使用します。
idは一つの要素しかないので、要素名かclass名を指定します。

JavaScript

document.querySelectorA...

author:

web0pixel

http://www.webopixel.net/

Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。

今日のwebデザイン記事ランキングを見る

Ads

Webディベロッパーのk.ishiwataさまのブログ。jQuery系の記事が人気な他、最近はスマホ対応やアプリなども取り上げられています。web0pixelの記事『脱jQueryの道 初級編』についてまとめています。

この記事は特にjavascript・jQuery・SEOについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のweb0pixelで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとweb0pixelの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ