jquery介绍

jquery框架就是封装了一些js的文件即js的一些方法，html只需要引用jquery文件，使用方法时改成$符号来引用就可以用了
JQuery 基础：
概念： 一个JavaScript框架。简化JS开发
* jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。

JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已

导入JQuery

JQuery快速入门_jquery


导入导入3.3.1min.js文件

在html中引用

JQuery快速入门_javascript框架_02


例如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>

    <div id="div1">dic1...../</div>



<script>var div1 = $("#div1");
    alert(div1.html());
    alert(div1.text);</script>
</body>
</html>

JQuery对象和JS对象区别与转换

  • js – > jq : $(js对象)

JQuery基本操作学习：

  1. 事件绑定
    //1.获取b1按钮
        $("#b1").click(function(){
            alert("abc");
        });
  2. 入口函数
     $(function () {
           
     });
     window.onload  和 $(function) 区别
             * window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
             * $(function)可以定义多次的。
  3. 样式控制：css方法
     // $("#div1").css("background-color","red");
      $("#div1").css("backgroundColor","pink");