美文网首页
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

    1.val方法 2.html方法与text方法 html方法相当于innerHTML text方法相当于inne...

  • jQuery2

    一、offsetParent() 定位父节点 二、parents、closest 三、before、after、...

  • jQuery2

    jQuery 中, $(document).ready()是什么意思? 当DOM加载完毕以后,执行指定的代码 wi...

  • jQuery2

    第三章******************************************************...

  • jquery2

    1 jquery中如何来获取或和设置属性? attr()方法用来获取和设置属性,removeAttr() 方法用来...

  • jQuery

    基础语法:$(selector).action()1)美元符号定义jQuery2)选择符(selector)“查询...

  • vue与bootstrap学习笔记(1)|实现表格分页功能

    1、首先需要在vue-cli项目中配置bootstrap,jquery2、 然后新建vue文件,如index.vu...

  • 5.JSON和XML的转换

    5.JSON和XML的转换 14:21 1. 下载相关文件 1)jquery官网下载:JQuery2)https:...

  • Vue脚手架匹配jq bootstrap

    想要在vue中引入bootstrap,引入的时候需要按照如下的步骤进行。 1、引入jquery2、引入bootst...

  • 制作demo

    开发一个demo一般有三种方式1、通过$.extend()来扩展jQuery2、通过$.fn 向jQuery添加新...

网友评论

      本文标题:Days17 jQuery2

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