ファイルがPHPかjavascriptか分かりません。

Question

todo.jsというフォルダのコードが、以下の内容なのですが、

$(function() {
  'use strict';

  $('#todos').on('click', '.update_todo', function() {
    var id = $(this).parents('li').data('id');

    $.post('_ajax.php', {
      id: id,
      mode: 'update'
    }, function(res) {
      if (res.state === '1') {
        $('#todo_' + id).find('.todo_title').addClass('done');
      } else {
        $('#todo_' + id).find('.todo_title').removeClass('done');
      }
    })
  });
});

phpなのか、javascriptなのか、分かりません。
僕が使っているeditorではjavascriptで書くようになっていますが、コード自体はphpだと思うので、よく理解できていません。

変な質問かもしれませんが、どうかよろしくお願いします。

Answer 1

todo.jsというフォルダ

いえ、todo.jsならフォルダではなくファイルです。
それにtodo.jsというファイルなら基本的に書かれるコードはJavaScript以外ありえませんし実際に書かれているコードはJavaScriptです。

JavaScriptにおいては$は「変数に使える文字の1つ」でしかないですし（だからtest$とかte$stとか読みやすさはともかく理論上、変数名として利用可能）、
また$()自体はjQuery()を省略した記法なのです。
確かにPHPでは変数の冒頭は$で始めるのがコーディング規約なので混同しやすいかもしれませんが、
全く意味合いが違うので、覚えておいてください。
jQueryにおいては変数ではなくjQueryの機能呼び出し（主にセレクタ）になりますので$()となっています。

Comments

[KazuhiroHatano]

jsのコードを出力するphpが出てくるんかと思って質問を開いたのに
なんの変哲も無いjsだったという行き場のないがっかり感・・・

jqueryオブジェクト型の変数であることを表す為に
$を頭につけるとかすることもあるから
その辺でも初心者は混乱かもしれんですね

[m.ts10806]

良く分かります。
特にPHPから入ってjQueryに触れてない人だと混乱しやすいとは思います。

Answer 2

このファイル自体は以下を前提としています

• jQueryが導入されているjavascriptで記載
• サーバーサイドでphpのapiが動作している

Answer 3

.js
と書いているくらいですし、コードは完全に javaScript　です。

非同期通信先　$.post('_ajax.php', { }

このajax.php は php です。

Answer 4

＞phpなのか、javascriptなのか、分かりません。

これはjavascriptです。
jQuery + JavaScript プログラミング
などを参考にしてみてください。