11.9
作者:互联网
一、.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