JavaWeb开发思维导图之——JQuery快速入门(62)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 介绍
  • 快速入门

二 内容详情

2.1 介绍

  • jQuery是一个JavaScript库
  • 所谓的库，就是一个JS文件，里面封装了很多预定义函数，比如获取元素，执行隐藏、移动等
  • 目的就是在使用时直接调用，不需要再重复定义，极大简化JavaScript编程
  • jQuery官网:https://www.jquery.com

2.2 快速入门

1-步骤

  • 1-编写html文档
  • 2-引入jQuery文件:<script src="js/jquery.min.js"/>
  • 3-使用jQuery获取元素
  • 4-使用浏览器测试

jsDiv.innerHTML2-js和jquery获取元素对比

  • 1-js: let jsDiv=document.getElementById("div");jsDiv.innerHTML
  • 2-jquery:let jqDiv=$("#div"); jqDiv.html()

三 思维导图

javaweb-xmind-jquery-start-1