jQueryで文字に枠線をつける

jQueryを使って、指定されたタグに枠線をつけます。

サンプル

borderでクラス指定されたpタグに枠線がつきます。

cssでも同じ事は出来ますが、今回は、javascriptで後から、cssの設定を追加しているという感じです。

設置コード

まずは、htmlソースのhead内でjqueryを読み込みます。

<script type='text/javascript' src='jquery-1.6.1.min.js'></script>

今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。

<script type="text/javascript">
jQuery(function(){
jQuery("p.border").css("border","1px solid #000");
});
</script>

枠線で囲みたい文字に以下のようなクラスを設定します。

<p class="border">borderでクラス指定されたpタグに枠線がつきます。</p>

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です