[javascript]「*=」の意味

質問

お世話になります。
js初心者ですが、質問させてください。

現在jsを学んでおり、ネットで手ごろなコードを探し読んでいます。
下記のコードは画像にカーソルをのせたとき、画像を差し替えるというものですが、
「*=」の意味が分かりません。
★★★★★★★★★★★★★★★★★★★
jQuery(function($) {
var postfix = '_on';
$('#nav_global a img').not('[src*="'+ postfix +'."]').each(function() {
var img = $(this);
var src = img.attr('src');
var src_on = src.substr(0, src.lastIndexOf('.'))
+ postfix
+ src.substring(src.lastIndexOf('.'));
$('<img>').attr('src', src_on);
img.hover(function() {
img.attr('src', src_on);
}, function() {
img.attr('src', src);
});
});
});

★★★★★★★★★★★★★★★★★★★

「*=」の意味は例えば、
a*=b
と
a=a*b
は同義で、
「aかけるbをaに代入」
というような解釈でいます。

この考え方だと、上記コード3行目
[src*="'+ postfix +'."]
の意味がよくわかりません。
srcと"'+ postfix +'."をかけてsrcに代入？
そんなこと出来るのでしょうか。

よろしければご回答いただければと思います。
よろしくお願いします。

回答No.3

b0a0a · ベストアンサー

ここでの『*=』はJavaScriptではなくCSSセレクタの構文で、
『[src*="_on"]』で『src属性に_onを含む要素』という意味です。

お礼

お返事ありがとうございます。

cssセレクタだったのですね。
cssも少し触ってはいるのですが、このセレクタは普段使わないため、
見落としていました。
ありがとうございました。

回答No.2

notnot

$('#nav_global a img').not('[src*="'+ postfix +'."]').

は、$という関数に、'#nav_global a img' という文字列を引数として呼び出し、
その結果のオブジェクトの notプロパティにはいっている関数を、
'[src*="' と言う文字列と、 postfix という変数の中身と '."]' という文字列をつないだもの
を引数として呼び出しています。

*= という演算子など使っていません。

お礼

お返事ありがとうございます。

cssのセレクタだったようです。

ありがとうございました。

回答No.1

Taiyonoshizuku

初心者だから手を出すなとは言わないけど、jQueryと混同してる。

http://semooh.jp/jquery/api/selectors/
ここの属性フィルタってところに[attribute*=value]
ってのがあるので読んでみて。

そうすると謎が解けると思う。

お礼

お返事ありがとうございます。

リンク先役立たせていただきました。
ありがとうございました。