当前位置: 首页 > 网络应用技术

jQuery介绍解释2

时间:2023-03-05 19:57:55 网络应用技术

  目录

  [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: