首页 > 其他分享 >jQuery 好用的丰富JS函数库

jQuery 好用的丰富JS函数库

时间:2023-02-27 16:13:50浏览次数:73  
标签:jQuery 函数库 JavaScript JS 版本 使用 表单 选择器

课程简介和目标

为什么使用jQuery?

使用原生JavaScript编码存在问题

​ 1选择器功能弱

​ 2 DOM操作繁琐之极

​ 3浏览器兼容性不好

​ 4动画功能弱

jQuery的优点

​ 1强大的选择器

​ 2出色的DOM封装

​ 3出色的浏览器兼容性

​ 4强大的动画功能

​ 5体积小,压缩后只有100KB左右

​ 6可靠的事件处理机制

​ 7使用隐式迭代简化编程

​ 8丰富的插件支持

jQuery简介

目前最流行的JavaScript函数库之一,对JavaScript进行了封装。并不是一门新语言。将常用的、复杂的操作进行函数化封装,直接调用,大大降低了使用JavaScript的难度,改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做,但使用jQuery能大幅提高开发效率,由美国人John Resig在2006年推出,目前最新版本是v3.5.1。宗旨:Write less,do more(写更少代码,做更多事情)。官方网址http://jquery.com/

jQuery版本

1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了

2.x:不兼容ie678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,

3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。

jQuery下载

jQuery中文网http://www.jq22.com/和官方网址http://jquery.com/ 都可以提供下载

 

本阶段目标

  • 了解jQuery及版本特征,能够在页面上引入jQuery
  • 熟练掌握jQuery三大选择器及了解其他选择器
  • 使用jQuery替换原生JS的DOM编程
  • 熟练使用jQuery完成表单校验操作
  • 了解BootStrap框架

 

课程大纲

  • 第一章 jQuery的介绍和使用

    • jQuery简介
    • jQuery的下载和引入
  • 第二章 jQuery选择器的使用

    • 基本选择器
    • 属性选择器
    • 位置选择器
    • 表单选择器
  • 第三章 jQuery替代Js实现DOM编程

    • jQuery操作属性和样式
    • jQuery操作文本和增删元素
    • jQuery绑定和触发事件
    • jQuery和原生DOM对象转换
    • jQuery迭代遍历方式
  • 第四章 了解jQuery的动画

    • 显示和隐藏
    • 滑动和淡入淡出
  • 第五章 重点操作form表单校验

    • 使用jQuery对表单校验
    • 使用正则表达式
    • 表单校验案例开发及完善
  • 第六章 BootStrap入门

    • BootStrap简介
    • BootStrap项目搭建
    • 流容器和固定容器
    • 栅格系统的使用
    • 导航栏案例开发
    • 轮播图案例开发

jQuery动画

jQuery 表单验证

 

轮播图

![轮播图]

 

BootStrap 响应式,移动端优先

 

标签:jQuery,函数库,JavaScript,JS,版本,使用,表单,选择器
From: https://www.cnblogs.com/2324hh/p/17160056.html

相关文章

  • 1_1jQuery简介
    1.1 jQuery定义和特点为什么使用jQuery?使用原生JavaScript编码存在问题1选择器功能弱 2DOM操作繁琐之极3浏览器兼容性不好4动画功能弱jQuery的优点1强大的......
  • 原生js实现苹果菜单效果
    主要用到的知识点Math.pow(a,b);//a的b次方Math.sqrt(a);//a的开方其他的并不难,直接上代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>苹......
  • 原生js模仿京东图片放大镜效果
    实现放大镜效果,是需要两张图片,记得两张图片的比例要保持一致哦嗯,挺简单的,所以直接上代码喽,有不懂的可以评论区留言哦<!DOCTYPEhtml><htmllang="en"><head><metachars......
  • 原生js实现照片墙的效果(拖拽图片与另一张图片交换位置)
    用到的功能有:布局转换(将float布局转换为定位布局)图片拖拽效果的实现碰撞检测计算两点之间的斜线距离找最小值具体的实现在代码中我都有注释,嗯,直接上代码。注:这里还需要有一......
  • 深入理解JSON对象
    看了js高级程序设计这本书关于json的讲解,下面我把里面我认为比较重要的知识提炼出来,一方面给帮助自己理解,同时也分享给有需要的朋友json:是一种数据格式,不是一种编程语言jso......
  • 实现百度下拉菜单实例(利用jsonp跨域请求百度数据接口)
    JSONP:是JSON withpadding(填充式JSON或参数式JSON)的简写,它由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数,回调函数的名字一般是在请求中指定......
  • 网页js版音频数字信号处理:H5录音+特定频率信号的特征分析和识别提取
    目录一、网页中的音频数据源二、FFT:时域转频域三、信号的特征分析四、信号的识别提取附录音频数字信号处理AudioDSP(DigitalSignalProcessing)是一个复杂又专业的话......
  • 发现流程任务的提交时间不对,@JsonFormat时间格式及时区问题
    今天遇到一个奇怪的问题,发现流程任务的提交时间不对,如下图 看代码,这个FlowTaskDto其实很多地方都用到了,比如flowRecord等,但这个myProcessNew用到就有问题,而flowRecord用到......
  • app直播源码,利用原生JS实现回到顶部以及吸顶效果
    app直播源码,利用原生JS实现回到顶部以及吸顶效果  <style>    .box1{      width:1200px;      height:800px;      ......
  • js实战-添加指定行以及review知识
    资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战),本人才疏学浅,记录笔记以供日后回顾视频链接reviewcss与js相关知识1.CSS1)CSS的角色:页面显示的美观风格......