LogoMark.png

jQuery/Method

jQuery Method

jQueryjQuery/SelectorjQuery/Sample

jQuery には、関数とメソッドの2つのAPI が用意されています。ここでは セレクタ に対して使用できるメソッドについて、概説します。

CONTENTS


はじめに

メソッドの構文

jQueryのメソッドは、jQuery のセレクタが持つ「関数オブジェクト」で、基本的な構文は以下の形になります。

$( セレクタ ) . メソッド名( 引数 );

jQueryには、メソッドを連結させて順に処理させる「メソッド・チェーン」という構文もあります。条件としては、各メソッドが「セレクタを返す」タイプのものであることが必要です。

$( セレクタ ) . メソッドA( ) . メソッドB( )  . メソッドC( ) ;


事例

テキストの動的変更を行う .text() メソッドの事例で説明します。

よく用いるメソッド

.html() メソッド

.attr() メソッド


.css() メソッド


.each()メソッド

.eq() メソッド

.remove() メソッド




イベント処理

イベント設定の構文

以下の2通りの記述方法があります。


イベントの種類




PAGES

GUIDE

TOOL

DATA

Last-modified: 2021-06-22 (火) 15:44:31