美文网首页
Days17 jQuery2

Days17 jQuery2

作者: biu丶biubiu | 来源:发表于2018-08-17 07:33 被阅读0次

    1.val方法

    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方法

    offset和position

    6.jQuery事件绑定

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

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

    bind:不支持动态事件绑定

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

    on

    7.事件解绑

    off

    8.触发事件

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

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

    9.jQuery事件对象

    jQuery时间对象

    10.each方法

    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

    <image class='lazy '   data-orginal=' 01.jpg'>

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

    17.resize

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

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

    相关文章

      网友评论

          本文标题:Days17 jQuery2

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