jQueryのコードで分からない箇所があります

質問

プログラミング系の勉強を始めたばかりのど素人につき、間抜けな質問かと思いますが、
ご教授いただけますと幸いです。

※ 以下今回の質問に関連するソースコード
■html
<ul class="tab">
<li><a href="#tab1" class="selected">AAA</a></li>
<li><a href="#tab2">BBB</a></li>
<li><a href="#tab3">CCC</a></li>
</ul>
<ul class="panel">
<li id="tab1”>…(省略)…</li>
<li id="tab2”>…(省略)…</li>
<li id="tab3”>…(省略)…</li>
</ul>

■jQuery
$(function(){
$("ul.panel li:not("+$("ul.tab li a.selected").attr("href")+")").hide()
});

———————————————————
上記のjQueryのコード内の
$("ul.panel li:not("+$("ul.tab li a.selected").attr("href")+")")
↑箇所につきまして、なぜ+(プラス)が２箇所必要なのですか？

$("ul.panel li:not("$("ul.tab li a.selected").attr("href")")")
もしくは
$("ul.panel li:not($("ul.tab li a.selected").attr("href"))")
のように記述するとどうしてエラーになるのでしょうか？
どうぞよろしくお願いいたします(>_<)

回答No.2

bx2 · ベストアンサー

+（プラス）は文字列の結合を意味しています。

「$("ul.tab li a.selected").attr("href")」で取得した文字列の前後に、「ul.panel li:not(」と「)」を結合しています。

+（プラス）が無ければ、文法エラーです。

jQuery 以前に、JavaScript の基礎を勉強してください。

お礼

文字列を結合しているのですね。
ご回答いただきました通り、JavaScript の基礎から勉強しようと思います;
どうも有難うございます。

回答No.1

hue2011

あんまりな質問なので、頭冷やして下さい。

次の文章があります。
「ばかず」が大事だ。　＝「場数」が大事だ。
これをこう書いたらどう読みますか
「ばかずがだいじだ

馬鹿、図が大事だ、と読めますね。

これと同じこと、あなた言っています。後の 」 はなぜいるのですか、と。

もし編集者がこの文をみたら、「かかりむすびをちゃんとしてください」というでしょう。
それがエラーです。

お礼

ヒドい質問でお恥ずかしい限りです;
いただいた例文で理解出来た気がします。
ご回答いただき有難うございます。