jquery 関数に引数としてidやclassを渡したい

Question

前提・実現したいこと

（前置き）
jquery初心者です。phpやjavaは学習済みなので関数の基礎的なところは踏まえているつもりです。

本題

$(function () {
    Swing();
});
//これは正しく機能します（右へ左へ）
function Swing() {
  $('#me').animate({
         left: "90%"
     }, 4000).animate({
         left: "0px"
     }, 4000)
     setTimeout("Swing()", 8000);
}

この関数に引数として'#me','#other'などのid名を渡したいのですが書き方がわかりません。

エラーになる

$(function () {
    Swing(#me);
});
//汎用的に使うためにid名など要素を渡せるようにしたい
function Swing(#id) {
  $('#id').animate({
         left: "90%"
     }, 4000).animate({
         left: "0px"
     }, 4000)
     setTimeout("Swing(#id)", 8000);
}

$(function () {
    Swing('#me');
});
//クォーテーションのつけ間違い？
function Swing('#id') {
  $('#id').animate({
         left: "90%"
     }, 4000).animate({
         left: "0px"
     }, 4000)
     setTimeout("Swing('#id')", 8000);
}

’#me’だけでなく他の要素にも使えるようにしたいです、ご回答お願いします。
（参考書買おうかな、、）

Answer 1

まず、セレクタはJavaScript上では文字列なので、'#id'あるいは、"#id"のように書く必要があります。

一方で、それを受ける仮引数の側は、名前のルールが決まっています。#からは始められません。

$(function () {
    // 渡す側は文字列としてセレクタを渡す
    Swing('#me');
});

//受ける側の変数名は英数字、アンダーバー、$などが使える
function Swing(id) {
  $(id).animate({
         left: "90%"
     }, 4000).animate({
         left: "0px"
     }, 4000)
     setTimeout(function(){Swing(id)}, 8000);
}

Comments

[atsuaa0618]

早速のご回答ありがとうございます！
無事解決できました、基本的なルールから教えていただいて助かりました。
setTimeout(function(){Swing(id)}, 8000);
の箇所も助かりました。

引数のルールがようやくわかったので時間と場所も渡せました。
$(function () {
Swing('#me');
Swing('.some', '0', '90%', 5000);
});

function Swing(id, pos1 ='90%', pos2 ='0', time = 3000) {
$(id).animate({
left: pos1
}, time).animate({
left: pos2
}, time)
setTimeout(function(){Swing(id, pos1, pos2)}, time *2);
}