jQuery的选择器和框架的学习方法
需积分: 0 49 浏览量
2021-01-08
14:25:44
上传
评论
收藏 249KB PDF 举报
jQuery的选择器和框架的学习方法的选择器和框架的学习方法
今天了解了一下框架和库和插件等。
框架：使用原生语言实现某个功能，然后封装起来，多个或多种功能封装成一个入口的使用方式，考虑功能的性能和扩展，等兼容问题
库：就是封装了多个功能
而插件：就是一个或同一类功能的封装。
而jQuery为例子，如果需要学习或使用jQuery框架需要的步骤是：
1你得需要找到这个框架得官网（搜索引擎搜）
如jQuery
找到官网之后，看他的介绍，是用来干嘛得，功能什么。
补充：官网是英文可以点击右键翻译,或者直接找第三方静态资源托管搜索
2.找到官网上的快速入门之类的：如一分钟上手啊，三分钟上手啊的
3.接着你觉得可以用就下载，可以下载也可以在线引入用，
其中有压缩和未压缩的，区别是压缩的带有min，压缩的是看不懂的，如果需要学习和了解就下载未压缩的。
有好几个版本的，需要哪个下哪个
4.尝试着观察源码，试着学习了解，
5.就是页面引入
6.查看使用文档，使用说明，
7.借鉴使用案例
8.不会的话就差博客，技术支持，或者讨论群等等
这里讲的时jQuery的框架，相信大家都不陌生或多或少的听过大名。
重新封装了选择器，DOM的操作，事件的绑定，ajax，动画，隐式迭代
jQuery的官方的主打思想：少些多做！写的更少，做得更多
连缀执行: 一行代码解决所有问题（相当霸气！）
下载完成之后查看源码jq:或者直接搜索jQuery入口是什么，得到$ 或者jq的入口，执行函数。
需要处理什么就直接传参如： jQuery（） 或$()
这里我了解到了jq的基本选择器（跟js的Dom选择器差不多哈）
但是区别是：jq所有选择器选择出来的元素都是以数组的形式返回
jq选择的元素不需要解析就可以直接使用
而jq的DOM元素必须解析之后，才能使用原生js的DOM的属性或方法
做个比较：
var box1 = $("#box1");
var box2 = document.getElementById("box2");
原则上来说，原生jsDOM不能使用jq的DOM方法
但是，原生jsDOM对象可以被转成jq的DOM对象
这个时候就可以使用jq的方法了
原生js的DOM对象和jq的DOM对象的转换方式：
原生js转jq
$(原生DOM对象)
jq转原生js
jqDOM对象[0] 选择器：id：失明特性
$("#box").css("background","red");
class
评论0