JQuery的事件与动画 之卷

关键字:
JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件。例如当浏览器装载完一个文档后,会生成事件:当用户单击某个按钮时,也会生成事件。虽然利用传统的JavaScript事件能完成这些交互,但jQuery增加并扩展了基本的事件处理机制。 了解更多
关键字:bind()
在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式为:bind( type [, data] , fn);bind()方法有3个参数,说明如下。第1个参数是事件类型,类型包括:blur、focus、load、resize、scroll、unload、click…… 了解更多
关键字:hover(),toggle()
jQuery有两个合成事件——hover()方法和toggle()方法,类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法。hover()方法用于模拟光标悬停事件。当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个函数(leave)。toggle()方法用于模拟鼠标连续单击事件。 了解更多
关键字:事件冒泡
在页面上可以有多个事件,也可以多个元素响应同一个事件。假设网页上有两个元素,其中一个元素嵌套在另一个元素里,并且都被绑定了click事件,同时body元素上也绑定了click事件。当单击内部span元素,即触发span元素的click事件时,会输出3条记录。只单击内部span元素,就会触发外部div元素和body元素上绑定的click事件。 了解更多
关键字:封装对象的属性
JQuery在遵循W3C规范的情况下,对事件对象的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常运行而不需要进行浏览器类型判断。event.type()方法:该方法的作用是可以获取到事件的类型。event.preventDefault()方法,该方法的作用是阻止默认的事件行为…… 了解更多
关键字:unbind(),one()
可以为同一个元素绑定多个事件,也可以为多个元素绑定同一个事件。假设网页上有一个<button>元素,使用以下代码为该元素绑定多个相同的事件。来看看unbind()方法的语法结构:unbind([type] [, data]);第1个参数是事件类型,第2个参数是将要移除的函数。one()方法的结构与bind()方法类似。 了解更多
关键字:trigger()
有时候,需要通过模拟用户操作,来达到单击的效果。例如在用户进入页面后,就触发click事件,而不需要用户去主动单击。在JQuery中,可以使用trigger()方法完成模拟操作。例如可以使用下面的代码来触发id为btn的按钮的click事件。$('#btn').trigger("click");这样,当页面加载完毕后,就会立刻输出想要的效果。也可以直接简写click(),来达到同样的效果。 了解更多

  • 文章数:7
  • 1 / 1
  • 首页
  • < Prev
  • 1
  • Next >
  • 尾页