前端————jQuery

一、概念:JS技术中一些库使用的比例

 

jQuery是JavaScript的一个轻量级的框架(库),对JavaScript进行封装,它提供了很多的方便的选择器,让用户快速定位到需要的操作元素上去。还提供了很多便捷的方法。

常用jquery-1.8.3.js这个包,官网jquery.com

jquery的具体知识看一下文件:

二、使用:(1)先把jquery-1.8.3js复制到js文件夹下

(2)使用的格式JS类似(采用外部引入)

 例如:

 <!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8">

    <script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>  //引入库

    <script>

      $(function(){

        alert("hello jquery!");  

      });  //JQ中比较常用的函数书写格式

    </script>   

  </head> 

  <body>

  ...

  </body>

</html>

 

三、JS和JQ页面加载的区别:

(1)JS使用多个onload事件会出现覆盖问题。例如:

只显示老王。

 

(2)JQ的加载比JS的加载要快。因为jQ是当整个domj树结构绘制完毕就会加载,JS整个页面加载完毕(包括里面的其他内容,比如图片)才加载

先显示李四后显示老王

(3)JQ不存在覆盖问题,加载的时候顺序执行

 

先显示李四、再显示王五、最后显示老王

 (4)JS和JQ在获取方式上的区别:

 

 

 DOM对象和JQ对象的转换:

说明:

 

JQ对象无法操作JS里面的属性和方法,同样DOM对象无法操作JQ里面的属性和方法。比如例子中的$("#span1").innerHTML="呵呵哒";不能使用,需要改成.html=("呵呵哒");才能使用。

 转换:JQ对象转DOM对象

方式一:用get()方法

 

方式二:直接[0]

 

DOM对象转JQ对象(把DOM对象放在$()中)

 

 

四、在一些项目中的使用

JQ首页定时弹出广告:     

JQ层级选择器:

 

posted @ 2019-01-26 15:38  小菜鸡哒  阅读(106)  评论(0)    收藏  举报