Frontend

[jQuery]Placeholderを外部から書き換える

placeholderをjQueryで書き換える方法についてのメモ。「どこで使うんだ」感が凄いけど、CMSやプラグインの関係でplaceholderを触れない時などに・・・

広告ここから
広告ここまで

placeholderを書き換える

placeholder書き換え
[html]
$(document).ready(function(){
$("input").attr(‘placeholder’,’書き換え後のテキスト’);
});
[/html]
参考:attr(key,value) – jQuery 日本語リファレンス

placeholderを削除する

placeholder削除
[html]
$(document).ready(function(){
$("input").removeAttr(‘placeholder’);
});
[/html]
参考:removeAttr(name) – jQuery 日本語リファレンス

注意点

サンプルコードはinput内のplaceholderを全部削除します。

セレクタや記述位置など、用法用量を正しく守ってご利用ください。

セレクタについては、下の記事がめちゃめちゃわかりやすいです。
jQuery – いろんなセレクタ指定方法+αを覚えて、目的の要素をさくっと取得する | 1:n – DETELU Blog

ブックマークや限定記事(予定)など

WP Kyotoサポーター募集中

WordPressやフロントエンドアプリのホスティング、Algolia・AWSなどのサービス利用料を支援する「WP Kyotoサポーター」を募集しています。
月額または年額の有料プランを契約すると、ブックマーク機能などのサポーター限定機能がご利用いただけます。

14日間のトライアルも用意しておりますので、「このサイトよく見るな」という方はぜひご検討ください。

広告ここから
広告ここまで

Related Category posts