JQuery事件

1、鼠标移入移出事件

hover():一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。

2、选项卡------失去焦点

3、input框事件

4、绑定事件

点击任一个按钮均可弹出alert 哈哈。

delegate(selector,[type],[data],fn): 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。返回值:jQuery对象。

5、自定义事件

点击按钮1
点击按钮2

6、事件冒泡

click一块区域只会alert一次

7、节点操作

创建节点

var $div = $(''此处填写HTML代码'');

插入节点

1、append()和appendTo():在现存元素的内部,从后面插入元素

2、prepend()和prependTo():在现存元素的内部,从前面插入元素

3、after()和insertAfter():在现存元素的外部,从后面插入元素

4、before()和insertBefore():在现存元素的外部,从前面插入元素

删除节点

$('#div1').remove();

8、判断JQuery选择器是否选择成功

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,646评论 2 10
  • 一、选择网页元素 选择表达式可以是CSS选择器: $(document)//选择整个文档对象 $('#myId')...
    孤魂草阅读 372评论 0 1
  • 鼠标事件 .click() 单击 .dbclick()双击 .click() 不带任何参数,一般用来指定触发一...
    学开船不会开船阅读 477评论 0 0