こんにちは、管理人の@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のライブラリーであることが分かれば、いいかと思います。
詳しく知りたいであれば、もっと勉強してください!
次回、いろいろな使い方について、共有したいと思います。
また来てください。