目录
[val()方法](#val()%E6%96%B9%E6%B3%95)
HTML方法和文本方法
宽度方法和高度方法
[scrolltop()和scrollleft()](#scrolltop()%e4%b8%8escrollleft())
在注册活动中
事件解开和触发事件
jQuery事件对象
val()方法:获取匹配元素的第一个元素的当前值,或设置每个匹配元素的值。
val()方法用于设置和获取表单元元素的值,例如输入和textarea的值
//设置
$(“ #name”)。瓦尔(“张圣”);
//获取值
$(“ #name”)。val();
让我们看下面的示例
示例3-1
HTML():获取匹配元素的第一个元素的HTML内容,或设置每个匹配元素的HTML内容。
text():获取每个元素浓度的组合文本内容,包括其后代或匹配元素的文本内容。
HTML方法等效于InnerHTML文本方法
//设置内容
$(“ div”)。html(“这是一个段落”);
//获取内容
$(“ div”)。html()
//设置内容
$(“ div”)。文本(“这是一个段落”);
//获取内容
$(“ div”)。文本 ()
差异:HTML方法将识别HTML标签。文本方法的内容将直接视为字符串,并且将无法识别HTML标签。
让我们看下面的示例
示例3-2
设置或高高
示例3-3
获取网页可见区域的宽高
resize():将事件处理程序粘贴到“调整大小” JavaScript事件中,或在元素上触发事件。
示例3-4
当然还有其他方法,类似于宽度()和高度()方法。这些方法可以计算填充,边框等。
例如:
设置或获取垂直滚动条的位置
让我们看下面的示例
示例3-5:
可以看出,当我们更改页面的高度或宽度时,$(窗口)。scrolltop()或$(窗口)。scrollleft()可以获取相应的值以获取相应的值
在JQuery 1.7之后,jQuery统一了所有事件的处理方法。
最现代的方式与Zepto(类似于JQuery的库)兼容,这是强烈建议使用的。
在注册简单事件中
//这意味着将事件绑定到$(选择器)并自身触发而无需支持动态绑定。
$(selector).on(“ click”,function(){});
在注册委员会活动中
//这意味着将代理事件绑定到$(选择器)。当它必须是触发此事件的内部元素跨度时,支持动态绑定
$(selector).on(“单击”,“ span”,function(){});
注册活动的语法:
//第一个参数:事件,绑定事件的名称可以是多个事件,由空间分开(标准事件或自定义事件)
//第二个参数:选择器,事件的后代(可选),如果没有后代元素,则事件将由自己执行。
//第三参数:数据,数据传递给处理函数,并在触发时通过event.data使用它(未使用)
//第四参数:处理程序,事件处理功能
$(selector).on(events [,selector] [,data],处理程序);
让我们看下面的示例
示例3-6:
解框方法(否)
Undelegate方法(否)
OFF方法(建议)
jQuery事件对象实际上是JS事件对象的软件包,该对象处理兼容性。
让我们看下面的示例
示例3-8: