标签：11.9 val text 元素 mousemove html 读取

一、.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 事件会耗费系统资源。请谨慎使用该事件。

标签：11.9,val,text,元素,mousemove,html,读取
来源： https://www.cnblogs.com/Cherry-jing/p/15531475.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。