JQuery

作者: lyf_god | 来源:发表于2019-06-19 10:02 被阅读0次

绑定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方法触发这些事件。

相关文章

网友评论

      本文标题:JQuery

      本文链接:https://www.haomeiwen.com/subject/viacqctx.html