jQuery・javascript

jQueryで文字に枠線をつける

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

サンプル

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

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

設置コード

まずは、htmlソースのhead内でjqueryを読み込みます。
[php]<script type=’text/javascript’ src=’jquery-1.6.1.min.js’></script>
[/php]

今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。
[php]
<script type="text/javascript">
jQuery(function(){
jQuery("p.border").css("border","1px solid #000");
});
</script>[/php]

枠線で囲みたい文字に以下のようなクラスを設定します。[php]
<p class="border">borderでクラス指定されたpタグに枠線がつきます。</p>
[/php]