Days17 jQuery2

1.val方法

Days17 jQuery2_第1张图片
val

2.html方法与text方法

html方法相当于innerHTML text方法相当于innerText

3.width方法与height方法

设置和获取元素宽高

//获取可视区宽度  $(window).width();  //获取可视区高度$(window).height();

4.scrollTop与scrollLeft

设置或者获取垂直滚动条的位置

//获取页面被卷曲的高度    $(window).scrollTop()    //获取页面被卷曲的宽度  $(window).scrollLeft();

5.offset方法与position方法

Days17 jQuery2_第2张图片
offset和position

6.jQuery事件绑定

简单事件绑定(click,mouseenter,mouseleave)>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)

简单事件:不能同时绑定多个事件

bind:不支持动态事件绑定

delegate:只能注册委托事件,因此注册时间需要记得方法太多了

Days17 jQuery2_第3张图片
on

7.事件解绑

Days17 jQuery2_第4张图片
off

8.触发事件

$(selector).click(); //触发 click事件

$(selector).trigger("click");

9.jQuery事件对象

Days17 jQuery2_第5张图片
jQuery时间对象

10.each方法

Days17 jQuery2_第6张图片
each

11.阻止事件冒泡和浏览器默认行为

      //e.preventDefault();//阻止 默认   比如点击a标签跳转

      //e.stopPropagation();//阻止 事件冒泡  比如弹出alert

      //return false;//既能阻止事件冒泡,也能阻止浏览器的默认行为。

12.delay延迟事件

$( " #id") .fadeIn(1000).delay(2000).fadeout(1000)

13.链式编程

//设置性操作:可以链式编程    //获取性操作,不能链式,因为获取性操作,数值,字符串

14.$冲突

//jQuery释放$的控制权

    $.noConflict();

    jQuery(function () {   });

15.jquery插件的实质,就是给jquery的原型上增加方法。

$.fn.bgColor = function ( ) {  }

16.jQuery lazyload.js

$("img.lazy").lazyload();

17.resize

对浏览器窗口调整大小进行计数:当调整浏览器窗口的大小时,发生 resize 事件。

resize() 方法触发 resize 事件,或规定当发生 resize 事件时运行的函数。

你可能感兴趣的:(Days17 jQuery2)