将单个脚本应用于特定页面的最佳实践是什么？当我尝试应用整个页面的脚本时，它与其他插件有问题。有经验法则吗？

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


<script>

(function() {

$(\'html\').addClass(\'js\');

var contactForm = {

    container: $(\'#contact\'),

    config: {
        effect: \'slideToggle\',
        speed: 500
    },

    init: function(config) {
        $.extend(this.config, config);

        $(\'<button></button>\', {
            text: \'Contact Me\'
        })
            .insertAfter( \'article:first\' )
            .on( \'click\', this.show );
    },

    show: function() {
        var cf = contactForm,
            container = cf.container,
            config = cf.config;

        if ( container.is(\':hidden\') ) {
            contactForm.close.call(container);
            container[config.effect](config.speed);
        }
    },

    close: function() {
        var $this = $(this), // #contact
            config = contactForm.config;

        if ( $this.find(\'span.close\').length ) return;

        $(\'<span class=close>X</span>\')
            .prependTo(this)
            .on(\'click\', function() {
                // this = span
                $this[config.effect](config.speed);
            })
    }
};

contactForm.init({
    // effect: \'fadeToggle\',
    speed: 300
});

})();

</script>