jQuery

作者: 被时光移动的城 | 来源:发表于2017-05-22 14:24 被阅读93次

    jQuery学习:

    最好的学习方法:查看jQuery的API

    jQuery下载:

    jQuery官网:http://jquery.com/

    其它网站:

    http://www.bootcdn.cn/jquery
    https://cdnjs.com/libraries/jquery

    在线手册:http://jquery.cuishifeng.cn/index.html

    (注!jquery-2.0以上版本不再支持IE 6/7/8)

    缓动函数速查表:jQuery.Easing 有很多动画实现特效。

    stop()与finish()区别:

    stop:如果元素身上现在有多个运动,stop会停止元素身上现在正在执行的运动,然后开始队列中下一个运动。

    finish:如果元素身上现在有多个运动,finish会停止元素身上所有的运动,并且将元素的状态立即调整为最后一个运动指定的目标状态。

    jQuery对属性操作:

    prop()和attr()属性区别(在jQuery高版本中分工会更加明确):

    prop一般用来操作元素的特定属性,比如id,class,a标签的href,img的src,input的value。(能给元素提供特殊功能或效果的属性,就属于特定属性)

    attr()一般用来操作元素的非特定属性。

    删除属性:removeAttr和removeProp

    removeAttr可以删除任意属性,本质上是删除属性节点。

    removeProp是将属性的值删掉。

    对样式的操作能用class操作尽量不要使用js和jquery去操作。(CSS类)

    可使用:addClass(class|fn)、removeClass([class|fn])或返回值:jQuerytoggleClass(class|fn[,sw])

    例如:

    文档处理-内容插入:

    尾部添加:append(xxx尾部添加xx)、appendto(把xx添加到xxx尾部)

    头部添加:prepend(xxx头部添加xx)、prependto(把xx添加到xxx头部)

    文档处理-外部插入:

    affter、insterAfter、before、insertBefore

    文档处理-包裹:

    wrap给每一个选中的标签加外部包裹结构

    unwrap取消外部包裹

    wrapAll把所有被选中的元素外层只包一个

    wrapInner内容进行包裹

    文档处理-替换:

    replaceWith(content|fn)和replaceAll(selector)

    文档处理-复制:

    clone([Even[,deepEven]])

    文档处理-删除:

    empty() 清空元素内容

    remove([expr]) 删除元素,返回结果被删除元素

    detach([expr])删除元素,返回结果被删除元素

    remove与detach的区别:

    remove会将元素节点和他身上的事件效果都删除。

    detach只删除元素节点,不删除他身上的事件和效果

    CSS——位置

    offset:元素在当前可视窗口的相对偏移。

    position():获得有定位属性的left值和top值

    scrollTop ():获取匹配元素相对滚动条顶部的偏移。

    scrollLeft():获取匹配元素相对滚动条左侧的偏移。

    CSS——尺寸

    height内容高度

    innerHeight内边距+内容高度

    outerHeight总高度(内容+内边距+边框)

    事件——事件处理

    on 绑定事件,给未来元素加事件

    给新创建的元素加事件

    off事件删除

    one绑定只执行一次的事件

    hover(fn,fn); 两个函数,第一个函数移入后响应,第二个函数移出相应。

    trigger 触发事件

    触发表单的submit事件 触发a标签的点击事件

    如有问题欢迎交流。

    如转载请注明出处,谢谢!

    相关文章

      网友评论

        本文标题:jQuery

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