全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

jk 1年前 ⋅ 1963 阅读

源于:今日头条(查看原文)

jQuery不用多说了、之前我们书写我们的js代码非常麻烦,需要各种循环 各种绑定、要写封装自己的一些常用方法,那jQuery就是干这件事情的由原来document.getElement...... 获取元素 直接简化操作$('CSSselector'),如果有一些疑问的朋友,或者需要工具,现在遇到问题没有办法解决这里推荐一个群,群内貌似也有两千多人了,有很多热爱python聚集在了一起,并整理了大量的学习资料上传到了群文件当中,喜欢python的朋友可以加入python群:526929231欢迎大家交流讨论各种技术,一起快速成长

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

蕾姆小时候

jQuery特点

jQuery写更少的代码,做更多的事情,大部分繁琐的操作,使用jQuery几句代码就能得到解决,并且有着非常好的兼容性。 jQuery1X兼容IE678 2X开始不在支持IE678

引用jQuery框架文件

http://cdn.code.baidu.com/ http://code.jquery.com/jquery/ http://www.bootcdn.cn/

  • 内容分发网络:简单地说,内容分发网络(CDN)是一个经策略性部署的整体系统,包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件,需要非常多的服务器

$符号

$符号是jQuery最根本的一个对象变量,它下面有很多方法和属性,$和jQuery是一个对象,两者完全相等。

  • $('CSSSelector') 通过CSS选择器来获取元素,返回jQ对象,只能使用jQ的方法

  • $(function() {alert(1)})$(document).ready(function() {})ready简写方式表示当document中的DOM加载完成之后就运行函数中的代码

jQuery对象和js对象两者不兼容

我们使用了jQ来获取Dom元素之后只能使用jQuery的方法例$('#box').html("This's jQuery Method")有时候需要使用原生的js对象方法就需要转换成js对象才能使用

通过原生js获取的元素返回的对象不能使用jQuery的方法,通过jQuery获取的元素返回的对象不能使用js的方法

更改内容

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

jQ为方法原生js对象为属性

互转对象

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

选择元素eq: $('div').eq(2)

选择第三个元素,返回jQ对象,还可以继续使用jQ方法

查看数量

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

size在3x版本中被移除请用length代替它

文档处理(节点操作)

jQ节点集合

如果对jQ的集合进行操作,当"只能操作一个节点的时候"始终都是集合中的第一个元素

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

在内容之后添加

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

转移元素

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

也能转移js对象

能解析HTML标签

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

在内容之前添加

$('div').prepend('<a href="http://baidu.com">跳转到百度</a>')

与上面功能相同,一个内容末尾添加,一个是内容中最前面添加

反向逻辑添加前面的"元素"添加到后面元素中appendTo()AndprependTo()

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

同级元素之后添加元素或内容before

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

同级元素之前添加元素或内容after

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

insertAfter And insertBefore 反向逻辑添加 类似于 appendTo And prependTo

清空元素中所有内容empty['em(p)tɪ]

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

移除元素remove

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

CSS样式

设置与获取样式

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

获取当前元素到定位父级的距离 position

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

获取当前元素距离窗口的距离 offset

$('.box').offset().left

获取宽高

单独的方法返回数字,而通过css返回会带单位的字符串

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

获取一个元素的宽高(包括内边距,不包括边框)innerWidth

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

获取一个元素的宽高(包括内边距和边框)outerWidth

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

属性

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

属性操作

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

完全移除属性

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

添加class名字

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

事件

去掉on将属性变为方法,参一传事件函数

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

如果是集合 会自动循环绑定事件对象,并且$(this) jQ的this对象还是执行触发的元素

on方法

强大的功能是后面添加的元素都可以触发事件

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

off方法

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

效果 下面的方法都支持回调函数

show显示动画

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

slideDown上下滑动效果

只有被隐藏的元素才能滑下来显示

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

淡入淡出

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

animate动画

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

多次动画会添加动画队列中,执行完成之后才会往下面执行动画,颜色不支持

stop清空动画队列

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

Ajax

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

POST PHP的后台

如果没有环境的朋友可以下载xampp、wampserver等等继承环境的安全包

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

GET PHP的后台

全球最火的语言JavaScript,会使用jQuery时已经超越地球一大圈?

需要工具的朋友、或者还有后台问题以及喜欢python的朋友、遇到问题没人解决?可以加下这个企鹅群,群内貌似也有两千多人了,有很多热爱python聚集在了一起,并整理了大量的学习资料上传到了群文件当中,喜欢python的朋友可以加入python群:526929231欢迎大家交流讨论各种技术,一起快速成长


全部评论: 0

    我有话说: