初心者 SFDC VF jQuery

こんにちは、管理人の@Salesforce.Zです。

Visualforce Pageの開発で

javaScriptを使うでしょう

めんどいと思いませんか？

Idを使い、CSSの変更をしたりする先に手間かかっているな

と思ったら、

このブログにきて、きっと役に立つと思います。

今日、初心者のため

jQueryについての基本を

共有したいと思います。

欲しけりゃくれてやる・・・。

探せ！

この世の全てをそこに置いてきた〜笑

目次

jQueryとは

JavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである

jsを書いた人が分かるが、jsの記述が長くて、めんどい、

jQueryがjsの命令をもっと簡単に使えるって感じ

JavaやC言語にライブラリーをドキュメントの冒頭にインポートとして記述すれば、

ライブラリーの関数をコールだけで、処理を簡単できますよね

あるいは、jsの日付ライブラリーを入れて、日付の足し算や引き算、などをより簡単にできる

このライブラリーと覚えておけば、理解しやすいかと思います。

サンプルで説明

下記は似ていることをやっている、対象タグのcssを変更するってものをしている

    //javaScript
    var box = document.getElementById('targetid');
    box.style.backgroundColor = "#BBCCDD";
    // jQuery：jsのcssをセレクト
    $(“#targetid”).css({color: ‘white’})

上記の例のようにjQueryがjsの命令をクエリするかと勝手に理解しておる

いろいろセレクタ

    $(“#hoge”) – idセレクタ
 
    $(“.hogehoge”) – クラスセレクタ

    $(“li a”) – 子孫セレクタ

    $(“p.hoge, p.hogehoge”) – グループセレクタ

まとめ

今回、深い話はしませんが

jQueryってjavascriptのライブラリーであることが分かれば、いいかと思います。

詳しく知りたいであれば、もっと勉強してください！

次回、いろいろな使い方について、共有したいと思います。

また来てください。