一、.text()、.val()、.heml()的使用

a：.text()：取得所有匹配元素的内容.结果由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。(设置和获取起始标签和结束标签中的文本)

b：.val()：获得匹配元素的当前值 ,在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值(设置和获取表单项的value属性值)

c：.html()：它可以设置和获取起始标签和结束标签中的内容

差异性：

.html(),.text(),.val()三种方法都是用来读取选定元素的内容；

　　　　.html()是用来读取元素的html内容（包括html标签）；

　　　　.text()用来读取元素的纯文本内容，包括其后代元素；

　　　　.val()是用来读取表单元素的"value"值；

　　　　.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；

　　　　.html()方法使用在元素集合上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在元素集合上时，只能读取第一个表单元素的"value"值，但是.text()不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容；

　　　　.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容；

　　　　.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容；

二、JQuery实现放大镜功能

event.pageX、event.pageY 属性是返回鼠标指针的位置，相对于文档的左边缘。offset() 方法设置或返回被选元素相对于文档的偏移坐标。

当用于返回偏移时：该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性（以像素为单位的 top 和 left 位置）的对象。

当用于设置偏移时： 该方法设置所有匹配元素的偏移坐标。

mousemove() 方法：

当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。

mousemove() 方法触发 mousemove 事件，或规定当发生 mousemove 事件时运行的函数。

注意：用户把鼠标移动一个像素，就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。