WordPress で jQuery を使うには

投稿日: 2011年4月27日作成者: alphasis

WordPress で jQuery を使うには、jQuery 用 JavaScript ソースコードの、”$” を、”jQuery” に置き換える必要がある。

説明

<script type="text/javascript">
$( function() {
$( "#sample" ) . css( "border", "5px solid gold" );
$( "#sample" ) . css( "textAlign", "center" );
});
</script>

という jQuery 用 JavaScript ソースコードの場合、

<script type="text/javascript">
jQuery( function() {
jQuery( "#sample" ) . css( "border", "5px solid gold" );
jQuery( "#sample" ) . css( "textAlign", "center" );
});
</script>

のように、”$” の部分を、”jQuery” に置き換える必要がある。

実装例

css のborder と text-align を、jQuery で設定。

実装例のソースコード

JavaScript

<script type="text/javascript">
jQuery( function() {
jQuery( "#sample" ) . css( "border", "5px solid gold" );
jQuery( "#sample" ) . css( "textAlign", "center" );
});
</script>

HTML

<div id="sample">css のborder と text-align を、jQuery で設定。</div>

カテゴリー: WordPress, チュートリアルパーマリンク