jquery的简介和安装

107 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第7天,点击查看活动详情

JQuery主要内容

简介:

JQuery是一个优秀的javascript的轻量级框架,兼容css3和各大浏览器,提供了dom、events、animate、ajax等简易的操作。是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。并且 jquery的插件非常丰富,大多数功能都有相应的插件解决方案。Jquery就是1个js文件,只不过它对JS进行了简化。

优点:
  1. 提供了强大的功能函数
  2. 解决了浏览器兼容性问题
  3. 实现丰富的UI和插件
  4. 纠正错误的脚本知识
安装:先在jquery官网下载然后在页面引入即可

image.png src的内容会因为jquery存放的位置不同而有差异,我就是因为路径不正确而一直报错,无法引入成功

验证是否引入成功代码
      if ($ != undefined) {
        alert("jquery已经引入成功!")      //弹出框
        console.log("是的!")            //调试台
     }
 </script> -->
jQuery函数

jQuery库只提供了一个叫jQuery的函数,该函数中以及该元素的原型中定义了大量的方法。jQuery函数具有四种参数:

  1. 选择器(字符串)jQuery函数通过该选择器获取对应的DOM,然后将这些DOM封装到一个人jQuery对象中并返回。
    
  2. DOM对象(即Node实例)jQuery函数将该DOM封装成jQuery对象并返回。
    
  3. HTML文本字符串 jQuery函数根据传入的文本创建好HTML元素并封装成jQuery对象并返回。
    
  4. 一个匿名函数 $(function(){}); 当文当加载完毕之后jQuery函数调用匿名函数。
    
jquery对象
  1. jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
  2. 对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。
  3. jQuery对象的获取通常是使用选择器来获取的。比如,获取所有clss为one元素:$(".one");