jq01--jq特征、jq与js区别、jq入口函数、jq的常用选择器

1jQuery是什么?

1.1   jQuery描述(理解)

jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率。

Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了。

animate.js(JQurey.js)是我们自己封装的库,而jQuery是别人帮我们封装好的库。

jQuery名词解释:

jQuery=JavaScript+query(查询)

jQuery的意思即指:强大的DOM节点查询

 

学习jQuery,主要是学什么呢?

主要学习如何来使用jQuery操作DOM,其实就是学习jQuery封装好的那些功能方法,这些方法叫做API(ApplicationProgramming Interface应用程序编程接口)。

这些API的共同特点是:几乎全都是方法。所以,在使用jQuery的API时,都是方法调用,也就是说要小括号()小括号里面是相应的参数,参数不同,功能不同

1.2   如何使用jQuery?(重点

使用步骤:

     1.引入jq库

    2.入口函数

    3.功能实现代码(事件处理)

2. jQuery详细解释

    2.1   版本介绍(了解)

    两个版本的区别:2.x版本,不再支持IE6、7、8

    两个版本对浏览器的支持情况:


同版本两个文件的区别:

    min:压缩版,压缩过后,体积会更小

    压缩指的是:把注释、空格、换行全部去掉,把变量名称尽可能的换成更加简短的字符。

    压缩的主要目的:就是让文件变的更小。

    平时开发过程中,这两个文件使用哪个都可以;但是,项目上线的时候,推荐使用压缩版。

2.2   引包注意点(理解)

第一点:在使用jQuery之前,先把jQuery文件引到页面中来

     如果在使用jQuery之前,没有引用jQuery文件,会报错:


第二点:src路径一定要写正确

     如果src路径写错,也会报错:

3 jQuery的入口函数(重点)


Js写在body后面不建议使用入口函数,直接使用js即可

3.1   jQuery入口函数与js入口函数的区别(理解)

js入口函数指的是:window.onload = function() {};

区别一:书写个数不同

     Js入口函数只能出现一次,出现多次会存在事件覆盖的问题。

     jQuery的入口函数,可以出现任意多次,并不会存在事件覆盖问题。

区别二:执行时机不同

     Js入口函数是在所有的文件资源加载完成后,才执行。这些文件资源包括:页面文档、外部的js文件、外部的css文件、图片等。

     jQuery的入口函数,是在文档加载完成后,就执行。文档加载完成指的是:DOM树加载完成后,就可以操作DOM了,不用等到所有的外部资源都加载完成。

    

     文档加载的顺序:从上往下,边解析边执行。

进入重点学习区:

1.     jQuery的引入

<!--引入jQuery-->
<script src="jquery-3.3.1.js"></script>

2.     检验是否引入成功

<script>
    alert($);//若alert打印出来的是函数 引入成功;不同的版本打印的不一样
</script>

3.     jQuery常用选择器

jQuery与js获取选择器的区别:

    1.     js获取选择器document.getElementById(‘不带选择器的修饰符’)

例如:document.getElementById(‘box’)

    2.     jq获取选择器$(‘需要选择器的修饰符’)

例如:$(‘#box’)



紧挨着某个选择器的兄弟选择器:+

属性选择器的特点:$(‘element[属性]’)




 若有不足请多多指教!希望给您带来帮助!

猜你喜欢

转载自blog.csdn.net/muzidigbig/article/details/80964613
jq