窥探jQuery——面向JavaScript程序员

var div = jQuery('<div>Some text</div>').addClass('inserted').attr('id', 'foo');

现在把div加到body上：

div.appendTo(document.body)

或用选择器把div加到已知元素的前面：

div.prependTo('div#primary')

处理事件（Handling events）

任何JavaScript库都需要事件处理能力，jQuery也不例外。类似attr()和css()的行为，各种与事件处理相关的方法也有双重用途：一种是把函数当作参数，赋给事件处理器；一种是不带参数，可以模拟事件被触发（译注：前提是事件已经定义，可参考visualjquery.com > Events > click()）：

jQuery('p').click(function() { jQuery(this).css('background-color', 'red'); }); 为所有段落增加点击事件，当你点击它们时，段落背景会变成红色 jQuery('p:first').click() 然后在第一个段落上模拟点击的动作，它的背景会变成红色

类似的函数还包括mouseover，keyup等，对应着浏览器通常支持的那些动作。留意一下事件处理中的'this'关键字，它代表触发事件的元素；jQuery(this)是一种惯用语法，可以让this所代表的元素应用各种jQuery方法。

这里有两个与事件相关的函数值得仔细说一下：

jQuery('a').hover(function() {
　　jQuery(this).css('background-color', 'orange');
}, function() {
　　jQuery(this).css('background-color', 'white');
});

hover()可设定两个函数，分别对应onmouseover和onmouseout事件。