【IT支援部】jQueryを使ってみる

Author:

jQueryを使ってみる。
と言っても結局のところAPI増えるだけなんで使ってみるレベルではほとんどすることはない。
インストールとかも不要。includeとかrequireが増えるのとほぼ一緒。

まずは本家からダウンロード。
htmlファイルを用意して読み込ませる。

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

んで専用のAPIを記述する。

<script type="text/javascript">
$(function() {
    $(".sample").css("color", "blue");
});
</script>

基本はそれだけ。

[root@localhost www]# cat index.html
<html>
<head>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
    $(".sample").css("color", "blue");
});
</script>
<style>
.sample {
    color: #111111;
    font-weight: bold;
}
</style>
</head>
<body>
<div class="sample">
aaa
</div>
</body>
</html>

jquery

もっと色々活用できるんだろうけどとりあえずここまで。
セレクタとかはそのうち暇な時にでもまとめます。

関連記事

jQueryのセレクタの基本

Facebook にシェア
Pocket

コメントを残す