jQueryスニペットをワードプレスに追加

Question

私はワードプレスのウェブサイトにいくつかのjQueryを追加しようとしていますが、まだ動作しません。 http://jsfiddle.net/Lb71gj9h/#&togetherjs=RGBzMyqBd1

コードが魔法のように動作しますが、私は私のワードプレスのウェブサイト上で実装するのは難しい：

は、ここに私のコードです。

jQueryのこの小さな部分はどこに追加しますか？

if (jQuery("span").hasClass("swatch-class1 selected")) { 
    jQuery(".class3").addClass("displaynone"); 
} 

は、おそらく私はそれがjQueryの「関数」であること方法でこれを構築する必要がありますが、私は方法がわかりません。

お返事ありがとうございます。

Answer 1

テーマディレクトリに置かれているfunction.phpするために、このようなものを追加することができます。 $の代わりに "jQuery"を使う必要があります。

Answer 2

あなたのWPサイトにいくつかのJSコードを追加したいと思ったら。あなたは

は$を使用していない

function my_own_js() { 
    echo '<script>/* Code */</script>'; 
    // or 
    echo '<script src="path/to/your/script.js"></script>'; 
} 

add_action('wp_head', 'my_own_js');