jQuery [name=”text”]や[href=”text”](セレクタ属性)を使用した要素の操作方法

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんにちは。今回は…【[name=XXX](セレクタ属性)を使用した要素の操作方法】に関する記事です。a[name=”text”]、a[href=”text”]、input[name=”text”]の用なセレクタを使った操作は地味に使えたりするので、メモ程度に書きたいと思います。

Outline

基本的にはCSSで使うセレクタと同様です。

上のように属性を指定するとanimateやcss等の操作が実行できます。

HTML

<a name="link">name="link"</a>
<a alt="link">alt="link"</a>
<input type="text" name="input" value="input" >
jQuery

$(function(){
$(‘a[name=link]’).css({‘font-size’:’60px’});
$(‘a[alt=link]’).css({‘font-size’:’60px’});
$(‘input[name=input]’).css({‘font-size’:’60px’});
});

以上になります。