ページトップへ

【jQuery】直書きされたstyleを無効化するプラグイン

下記のようにhtmlコード内にstyleが直接書かれてしまっていると、
レスポンシブ対応やSEOに影響してきます。

<body>
	<div style="width:500px; background:#FFC200; height:300px;">
		style直接書いちゃった
		<div style="width:300px; margin:auto; background:#fff; height:150px; margin-top:50px;">
			HOGE-
		</div>
	</div>
</body>

そこで、直接書かれたstyleを無効化するjQueryのプラグインをつくってみました。

ダウンロードはこちら


使い方


jQuery本体が読み込まれていること前提です。
  • ダウンロードしたファイル内の「js」フォルダ内にある「deleteStyle.js」を読み込む。
    <head>内に下記コードを追加してください。
    	<script src="./js/deleteStyle.js"></script>
    
  • プラグインを適用させる。
    1で記述したコードより下に下記コードを追加して終わり。
    	<script type="text/javascript">
    	<!--
    		$(function() {
    			$.deleteStyle();
    		});
    	-->
    	</script>
    

ダウンロードはこちら


2015年03月27日

お問い合わせ

※ご依頼の際にはご予算/納期/使用用途を記載していただけるとスムーズに対応が可能です。
※都内近郊であれば直接のお打ち合わせも可能です。希望される際はその旨をご連絡ください。

※作成した作品の著作権譲渡はいたしておりません。
(著作権譲渡の必要がある場合はご依頼時にご相談ください)
※制作実績としてサイトやSNSにて公開させていただくことがございます。(公開NGの場合はご依頼時にご連絡ください)
※イラストの修正については別途費用が発生する場合がございます。
(ラフ段階は基本無償ですが回数や内容によっては費用が発生する場合がございます。また、着色後は基本費用が発生いたします)

お名前 (必須)

メールアドレス (必須)

メッセージ本文(必須)

自動返信メールが送信されます。
返信メールが届いていない場合は正しく送信できていない可能性がございます。