标题中的 Jquery 脚本标记

Question

我知道这是一个非常基本的问题，所以请原谅我。我有一个在 jfiddle 中工作的脚本，但我想把它放在我的标题中，我不知道如何使用脚本标签和事件处理程序（？）来调用它。

这是脚本：

var retrieveValue = function(ev){
        var $this = $(this),
            val = $this.data('value');

        if (val) {
            $this.val(val);
        }
    },
    hideValue = function(ev){
        var $this = $(this);

        $this.data('value', $this.val());
        $this.val($this.val().replace(/^\d{5}/, '*****'));
    };

$('#field_a7afui').focus(retrieveValue);

$('#field_a7afui').blur(hideValue);

$('#form_hv3hcs').submit(function(ev){
    ev.preventDefault();
    retrieveValue.call($('#field_a7afui')[0], ev);
    alert($('#field_a7afui').val());
    hideValue.call($('#field_a7afui')[0], ev);
});

有人能告诉我我需要在开头和结尾放什么，只是为了把它扔到我的 Wordpress 标题中并收工吗？

这是我的小提琴：http://jsfiddle.net/d5KaJ/40/

Answer 1

如果这就是您的要求...
进入script 标签，如：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>

jQuery(function( $ ) {   

        // CODE HERE

} )();

</script>