JQuery

绑定click事件

给元素绑定click事件,可以用如下方法:

$('#btn1').click(function(){

    // 内部的this指的是原生对象

    // 使用jquery对象用 $(this)

})

// //JS原生写法

window.onload = function(){

}

jQuery写法,等同于上面写法

$(window).load(function(){

})

ready的写法

$(document).ready(function(){

 })

ready的简写

 $(function(){

 })

 窗口改变尺寸的时候,会高频触发

$(window).resize(function() {

console.log('3');

});

1、获取和设置元素的尺寸

2、获取元素相对页面的绝对位置

offset()

3、获取可视区高度

$(window).height();

4、获取页面高度

$(document).height();

5、获取页面滚动距离:$(document).scrollTop(); $(document).scrollLeft();

6、页面滚动事件:$(window).scroll(function(){ 

    ...... 

})


主动触发与自定义事件

主动触发 

可使用jquery对象上的trigger方法来触发对象上绑定的事件。

自定义事件 

除了系统事件外,可以通过bind方法自定义事件,然后用trigger方法触发这些事件。

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

推荐阅读更多精彩内容

  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 5,693评论 0 0
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 3,365评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,222评论 0 2
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,066评论 0 9
  • 更新:此系列题解已经放到 Github,链接: https://github.com/dox1994/offer-...
    aaanthony阅读 12,937评论 0 16