首页 > 其他分享 >JQuery基础28_入门1

JQuery基础28_入门1

时间:2024-06-18 12:10:58浏览次数:10  
标签:JQuery jquery 入门 JavaScript 28 js 版本 jQuery

一、概念

 一个JavaScript框架。简化JS开发
 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨 是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优 化HTML文档操作、事件处理、动画设计和Ajax交互。

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

二、快速入门

1、步骤:
 1. 下载JQuery
  目前jQuery有三个大版本:
    1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,
      功能不再新增。因此一般项目来说,使用1.x版本就可以了,
      最终版本:1.12.4 (2016年5月20日)
    2.x:不兼容ie678,很少有人使用,官方只做BUG维护,
      功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,
      最终版本:2.2.4 (2016年5月20日)
    3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,
      一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。
      目前该版本是官方主要更新维护的版本。最新版本:3.2.1(2017年3月20日)
  jquery-xxx.js 与 jquery-xxx.min.js区别:
    1. jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
    2. jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。程序加载更快

 2、导入JQuery的js文件:导入min.js文件
 3、使用
    var div1 = $("#div1");
    alert(div1.html());

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

 1、JQuery对象在操作时,更加方便。
 2、JQuery对象和js对象方法不通用的.
 3、两者相互转换
  jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
  js -- > jq : $(js对象)

 

标签:JQuery,jquery,入门,JavaScript,28,js,版本,jQuery
From: https://www.cnblogs.com/ajing2018/p/18254084

相关文章

  • MySQL入门学习.子查询.IN
        IN子查询是MySQL中一种常见的子查询类型,用于在查询中确定一个值是否在另一个查询的结果集中。IN子查询的特点是简洁明了,它可以在一个查询中方便地检查一个值是否在一组值中,非常适用于需要进行条件验证或关联查询的情况。   在MySQL中,有以下几种常见的......
  • MySQL入门学习-子查询.EXISTS
        子查询EXISTS是MySQL中的一种子查询类型,用于检查子查询结果集是否为空。如果子查询结果集不为空,则EXISTS子查询返回TRUE;否则,返回FALSE。    子查询EXISTS的特点是它只关心子查询结果集是否为空,而不关心结果集中的具体内容。这使得EXISTS子查......
  • Day28.课程对象定义与使用
    1.课程对象定义与使用_课程类和班级类关联 班级类,Class:'''班级'''classClass:#__init__中,初始化单个对象,记录每个班级独有的东西def__init__(self,class_name):self.class_name=class_name#初始班级时,班级没有课程表self.cla......
  • IT入门知识第五部分《前端开发》(5/10)
    目录引言介绍前端开发的重要性网页技术的演变现代前端开发的特点1.前端技术概述定义前端开发前端开发的主要职责前端开发与用户体验的关系1.1前端开发的重要性用户界面和交互的重要性响应式设计的需求1.2前端开发的核心技能熟悉Web标准和最佳实践跨浏览器兼容......
  • django学习入门系列之第三点《快速了解 CSS》
    文章目录CSS快速了解CSS应用方式在标签上在head标签中写到文件中问题:用Flask框架开发不方便往期回顾CSSCSS专门用来"美化"标签基础CSS,写简单的界面&能看懂&会改就行模块,调整和修改快速了解style这种就叫css样式<imgsrc"..."style="height:100px"/><d......
  • 大数据开发语言Scala入门
    引言随着大数据时代的到来,处理海量数据成为了技术领域的一大挑战。Scala作为一种结合了面向对象编程和函数式编程特性的语言,因其高效、灵活和与Java的兼容性,在大数据处理领域中得到了广泛的应用。本文将带你走进Scala的世界,从基础概念到实际应用,一步步揭开Scala的神秘面纱。......
  • SQL 入门教程:从基础到实践
    前言SQL(StructuredQueryLanguage)是一种用于管理和操作关系型数据库的标准语言。无论你是测试工程师、开发人员,还是数据分析师,掌握SQL都能帮助你更高效地工作。本文将详细介绍SQL的基本概念、常用语法和实践操作,帮助初学者快速入门。什么是SQL?SQL是一种标准化的语言,用......
  • 2024/5/28
    今天开发安卓端的科技政策一点通,相比于web端有点复杂,边查资料边敲代码一直弄到十一点。部分代码packagecom.example.policy;importandroid.content.Intent;importandroid.os.Bundle;importandroid.text.Editable;importandroid.text.TextWatcher;importandroid.view......
  • Pytorch入门(一):MNIST-手写数字识别-搭建网络模型
    前言作为刚入门深度学习的一位初学者来说,各种各样的学习资料、视频让我看得头昏眼花。明明本来是想了解Pytorch使用方法,莫名其妙看了一个多小时的算法推理,原理逻辑,让人很是苦恼。于是在自己学习了一段时间后,打算做出这个pytorch的系列教程,就是想让大家基于项目进行实战,更......
  • 基于html,css,js,jQuery,ajax实时天气的网页
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"hr......