<div id="example1" class="example widget">
    <h3>我是标题，请点击我一下。</h3>
    <p>我是段落，请将鼠标悬浮在我上面，我会变色的。</p>
</div>

var Widget = FNX.include('widget/widget');

var WidgetA = Widget.extend({
    events: {
        'click h3': 'heading',
        'mouseover p': 'paragraph'
    },

    heading: function() {
        this.$('h3').html('标题被点击了。');
    },

    paragraph: function() {
        this.$('p').css('background-color', 'red');
    }
});

var a = new WidgetA({ element: '#example1' });