このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

jQuery 読み込み方法

jQuery

2011.03.12

この記事は最終更新日から1年以上が経過しています。

jQueryを読み込む為にはhead内にリンクを記述して読み込みます。

web上の読み込み方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
...(ここに記述)
</head>
<body>
</body>
</html>

 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>

 

ダウンロードページ

jQuery 公式ページ

また、

jQueryファイルをダウンロードし、任意のフォルダ等を作成、任意の場所に配置し任意のパス記述し読み込む事も可能です。

ローカル(任意のパスを指定

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

 

読み込みパス記述後

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<title>jQuery test</title>
<script type="text/javascript">
$(function(){
...(ここに記述)
})
</script>
</head>
<body>
</body>
</html>

 

head内に記述、または外部ファイルにスクリプトを記述することによって使用できます。

jQuery読み込み確認のスクリプト

$(function(){
if(jQuery){
$(".load").html("<p>jQueryは読込まれています。</p>");
}
})

 

HTML

<div class="load"></div>

 

読み込まれていると

と表示されます。

HTML全体ソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<title>jQuery 読み込みtest</title>
<script type="text/javascript">
$(function(){
if(jQuery){
$(".load").html("<p>jQueryは読込まれています。</p>");
}
})
</script>
</head>
<body>
<div class="load"></div>
</body>
</html>

Comment

Related Article

CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。

2012.01.13

jQuery 要素の属性を変更 attr

2011.11.16

jQuery cssクラスを追加、削除する。addClass() , removeClass(),toggleClass

2011.11.16

jQuery セレクタやcssを複数指定

2011.11.16

jQuery formのデータ値取得方法

2011.08.13

jQuery 読み込み方法

2011.03.12

jQuery コレ使えるぜ的関数

2011.01.19

jQuery aタグによるclick()イベント

2011.01.19

jQuery 記述方法

2011.01.17

jQuery セレクタについて

2011.01.17

CATEGORY LIST

LATEST NEWS

Tauri(Rust) × AI で作る GitGUIクライアントアプリ その5

Rust

2025.04.14

う、動くぞ! Mac mini Apple M4 Pro で PS3ソフトを遊ぶ。RPCS3 Mac版を起動

Game

2025.04.12

Tauri(Rust) × AI で作る GitGUIクライアントアプリ その4

Rust

2025.04.10

Tauri(Rust) × AI で作る GitGUIクライアントアプリ その3

Rust

2025.04.08

Tauri(Rust) × AI で作る GitGUIクライアントアプリ その2

Rust

2025.04.07

時代を先取りし過ぎた ニューラルネットワークが導入されたゲーム『がんばれ森川君2号』を令和に嗜んでみる。

Game

2025.04.06

Tauri(Rust) × AI で作る GitGUIクライアントアプリ その1

Rust

2025.04.05

keyring-rsで、Macのキーチェーンに登録する。

Rust

2025.04.04

RustとWebAssemblyによるゲーム開発 Webpack5対応

Rust

2025.03.27

Rustで創る MOS 6502 CPU その3 (Cursorと共に)

Rust

2025.02.24

あけましておめでとうございます(24日経過)

イベント

2025.01.24

アーキテクチャConference 2024に参加してきました。

イベント

2024.11.28

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US