首页 理论教育 学习jQuery基础知识

学习jQuery基础知识

时间:2023-11-03 理论教育 版权反馈
【摘要】:jQuery中所有选择器都以美元符号开头:$()。通过Id选取元素语法如下:3)Class选择器jQuery 类选择器可以通过指定的Class查找元素。语法如下:2.事件处理在jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。可以通过一个事件函数实现:常用的 jQuery 事件方法1)$.Ready()$.ready()方法允许我们在文档完全加载完后执行函数。dblclick事件调用,该方法规定当发生dblclick事件时运行的函数。

学习jQuery基础知识

1.选择器

jQuery选择器允许对HTML元素组或单个元素进行操作。jQuery选择器通过元素的Id、类、类型、属性、属性值等“查找”(或选择)HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些自定义的选择器。jQuery中所有选择器都以美元符号开头:$()。

1)元素选择器

jQuery 元素选择器基于元素名选取元素。语法如下:

表示在页面中选取所有 <p> 元素

2)id 选择器

jQuery #id 选择器通过HTML元素的Id属性选取指定的元素。页面中元素的Id应该是唯一的,所以要在页面中选取唯一的元素需要通过#id 选择器。通过Id选取元素语法如下:

3)Class选择器

jQuery 类选择器可以通过指定的Class查找元素。

语法如下:

2.事件处理

在jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。例如,页面中指定一个点击事件:$("p").click(),下一步是定义什么时间触发事件。可以通过一个事件函数实现:

常用的 jQuery 事件方法

1)$(document).Ready()

$(document).ready()方法允许我们在文档完全加载完后执行函数。

2)click()

Click()方法是指当按钮点击事件被触发时会调用一个函数。该函数在用户点击HTML元素时执行。在下面的实例中,当点击事件在某个<p>元素上触发时,隐藏当前的<p>元素:(www.xing528.com)

3)dblclick()

当双击元素时,会发生 dblclick 事件。dblclick事件调用,该方法规定当发生dblclick事件时运行的函数。

4)mouseenter()

当鼠标指针穿过元素时,会发生 mouseenter 事件。mouseenter 事件调用mouseenter()方法,该方法规定当发生 mouseenter 事件时运行的函数。

5)mouseleave()

当鼠标指针离开元素时,会发生 mouseleave 事件。mouseleave 事件调用mouseleave()方法,该方法规定当发生 mouseleave 事件时运行的函数。

6)mousedown()

当鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件。mousedown事件mousedown()方法调用,该方法规定当发生 mousedown 事件时运行的函数。

7)mouseup()

当在元素上松开鼠标按钮时,会发生mouseup 事件。mouseup事件调用mouseup()方法,该方法规定当发生 mouseup 事件时运行的函数。

8)hover()

Hover()方法用于模拟光标悬停事件。当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

9)focus()

当元素获得焦点时,发生focus事件。当通过鼠标点击选中元素或通过tab键定位到元素时,该元素就会获得焦点。focus 事件调用focus()方法,该方法规定当发生focus事件时运行的函数。

10)blur()

当元素失去焦点时,发生blur事件。blur事件调用blur()方法,该方法规定当发生blur事件时运行的函数:

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈