首页 > Web开发 > 详细

82.认识jQuery以及选择器

时间:2020-05-10 15:09:53      阅读:45      评论:0      收藏:0      [点我收藏+]

 

技术分享图片

 

 jQuery帮我们解决了兼容性的问题,需要考虑客户浏览器支不支持JQuery,公司可能只会使用jQuery里的AJAX

技术分享图片

 

 技术分享图片

 

 jQuery以后支持的3.几的版本,1 .几 2.几的版本都不会在支持了

技术分享图片

 

 bootCDN里面有各种jquery的版本,一般找不到2.几的版本是因为被3,几的版本兼容了技术分享图片

 

 jquery有开发版本与生产版本:开发版本是编程时写的包含空格缩进等,易于阅读。但是生产版本是为了便于浏览器加载,在编程调式完没有bug之后,要将开发版本变成生产版本,生产版本无缩进等,仅仅是为了方便浏览器快速加载

技术分享图片

 

技术分享图片

slim是精装版,并非完全版。

技术分享图片

 

 

技术分享图片

 

 下载jquery的方式,点击下载,发现进入jq文件,全选复制,然后本地创建js文件,将复制内容粘贴进去:压缩版的粘贴之后在一行。

技术分享图片

 

 命名本地js文件,要与引入的版本一致

技术分享图片

 

 jquery获取元素的方式:返回的是类数组,因此最后要加下标取值

技术分享图片

 

 

技术分享图片

 

 jQuery的简写方式:用$代替jQuery

标签获取:

技术分享图片

class获取:

技术分享图片

 

iid获取:

 技术分享图片

 

css选择器获取:

技术分享图片

 

 

 

操作样式

 技术分享图片

 

 需要注意:

以下几个无需加引号,返回的也是类数组

技术分享图片 最后this指向的window

 

 技术分享图片

 

 大神指导:看cuishifeng

技术分享图片

 

 +是上面的版本 -是低版本

组合选择器,放在一个“”内,后面不加下标

技术分享图片技术分享图片

 

 

 原生的js,加载完成之后再获取

技术分享图片

 

jquery,提前加载的方法:但是要把jq的包加载到之前,否则无法识别$符号

方法一:

技术分享图片

 

 方法二:

技术分享图片

 

传入选择器与函数的作用不同:

 技术分享图片

 

82.认识jQuery以及选择器

原文:https://www.cnblogs.com/yzdwd/p/12863170.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!