jQuery 之 初识jQuery

什么是jQuery?

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

jQuery库包含以下功能:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改AJAX、Utilities

 

jQuery的使用方式

下载后引入

<script src="js/jquery-3.3.1.min.js"></script>

入门案例

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>入门案例</title>
  <script src="js/jquery.js">
  </script>
  <script type="text/javascript">
    $(function(){
      alert("hello world");
    });
  </script>
</head>
<body>
</body>
</html>

jQuery入口函数

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

jQuery对象

jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。
jQuery对象的获取通常是使用选择器来获取的。
jQuery对象和js对象是不同的,但是可以相互转换。

jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
 js -- > jq : $(js对象)

posted @ 2020-07-07 00:40  念月_xy  阅读(191)  评论(0编辑  收藏  举报