プロゲート【JQuery初級】変数,this,find,chidren,hover

JQuery初級コース

script.js

// 呼び出し方
$(function() {

 });

基本の書き方
$('セレクタ').メソッド(引数);

メソッド
.slideUp(1500); //1500ms=1.5秒
.slideDown();
.hide();

idは１回 セレクタの書き方#id
classは複数ok セレクタの書き方.class

stylesheet.css

p{
display:none //非表示
display:block //表示
}

script.js

$('p').show(); //表示

イベント

script.js

$('セレクタ').イベント名(function(){ 

});

cssメソッド

script.js

$('セレクタ').css('color', 'red');

css非表示

script.js

$('セレクタ').css('display', 'none');

テキストメソッド※htmlメソッドはhtmlが書き込める

script.js

$('セレクタ').text('書き換える文字列');

$(this)はイベントの中で、そのイベントが起こった要素を取得することができます。$()の中でthisをクォーテーション（”や’）で囲まないことに注意してください。
-progate-

script.js

$(this).メソッド(引数);

変数にする

script.js

var $title=$('#title');

$title.css('color', 'red');
$title.html('こんばんは、にんじゃわんこさん');
$title.fadeOut(1000);
    

メソッドチェーン

script.js

$('#text').css('color', 'blue').html('<h3>jQueryをマスターしましょう！</h3>').fadeOut(1000);
// ドットで区切る

findメソッド

すべての子孫要素(自分よりも下の階層の要素すべて）の中から、指定したセレクタを持つ要素を取得したいときに用います。-progate-

script.js

$('セレクタ').find('子孫要素セレクタ').メソッド(引数);

childrenメソッド

指定したセレクタが持つ子要素（一階層だけ下）の中から指定したセレクタに合致した要素を取得したいときに用います。-progate-

script.js

$('セレクタ').children('子孫要素セレクタ').メソッド(引数);

hoverイベント

script.js

 $('#language-wrapper').hover(
    function(){ //引数1
    $('.language-text').fadeIn(); //マウスを乗せた時
  }, //コンマ忘れずに！
    function(){ //引数2
    $('.language-text').fadeOut(); //マウスを外した時
  }
  );