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事件时运行的函数:
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。