jQuery

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标签的点击事件
























































如有问题欢迎交流。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,467评论 0 44
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,681评论 18 503
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 839评论 0 8