// ID 选择器
$Q('#myId');

// 类选择器
$Q('.myClass');

// 标签选择器
$Q('div');

// 后代选择器
$Q('.container .item');

// 扩展伪类
$Q('li:first');
$Q('li:eq(2)');
$Q('div:visible');
$Q('span:contains(hello)');

// 获取/设置内容
$Q('#box').html('<p>内容</p>');
$Q('#box').text('纯文本');
$Q('#input').val('值');

// 样式操作
$Q('.item').css('color', 'red');
$Q('.item').addClass('active');
$Q('.item').removeClass('old');
$Q('.item').toggleClass('on');

// 插入元素
$Q('#box').append('<span>追加</span>');
$Q('#box').prepend('<span>前置</span>');
$Q('#box').after('<span>之后</span>');
$Q('#box').before('<span>之前</span>');

// 绑定事件
$Q('.btn').on('click', function() {
    console.log('点击了');
});

// 事件委托
$Q('#list').on('click', '.item', function() {
    console.log('点击了列表项');
});

// 快捷方法
$Q('.btn').click(function() { });
$Q('form').submit(function() { });

// 触发事件
$Q('.btn').trigger('click');

// 移除事件
$Q('.btn').off('click');

// GET 请求
$Q.get('/api/data', function(res) {
    console.log(res);
});

// POST 请求
$Q.post('/api/save', {name:'test'}, function(res) {
    console.log(res);
});

// 完整配置
$Q.ajax({
    url: '/api/data',
    type: 'POST',
    data: { id: 1 },
    dataType: 'json',
    success: function(res) { },
    error: function() { }
});

// JSONP
$Q.getJSON('/api/jsonp?callback=?', function(res) { });