正文 

当前位置： 首页 > 开发 > java教程

jquery(代码片段)

lychengx lychengx     2023-01-28     560

关键词：

what is jQuery?

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScrip

jQuery是一个快速、小巧且功能丰富的JavaScript库。它使HTML文档的遍历和操作、事件处理、动画和Ajax等操作变得更加简单，并提供了一个易于使用的API，可以跨多种浏览器工作。jQuery集多功能性和可扩展性于一身，改变了数百万人编写JavaScrip的方式

什么是javascript库

把一些常用的方法写到一个单独的js文件，使用得当时候直接引用这个js文件就可以了

jQuery版本

官网下载地址https://jquery.com/。目前版本分为1.x，2.x，3.x

  • 版本
  • 1.x：支持旧浏览器（IE6、7、8）
  • 2.x和3.x：不再支持旧浏览器
  • 压缩版和未压缩版
  • 未压缩版（jquery-xxx.js）
  • 包括完整的注释，代码格式，见名知意的变量名
  • 体积大，可读性好（适用于学习和开发）
  • 压缩版（jquery-xxx.min.js）---专门工具生成
  • 去掉所有的注释。空字符。极简化变量名
  • 体积小，可读性差（适用于生产环境）
  • 部署：2种
  • 将js部署在本地
  • 利用CDN网络
  • 什么是CDN网络：在网络中的多台服务器，智能判断客户端到某台服务器的网络状况，选择最优服务器下载资源
  • 为什么使用：避免距离带来的网络延迟
  • 何时使用：在项目中用到了公共的库或框架
  • 如何使用：官网->下载->CDN地址

jQuery类型

引入jquery.js时：其实是向全局·作用域中，添加了一个新的类型---jQuery

  • 构造函数：负责创建jQuery类型的对象
  • 必须先创建jQuery类型的对象，才能用jQuery
  • 原型对象：保存jQuery类型的子对象，才能用简化版API
  • 创建jQuery对象
  • 什么是jQuery对象：封装DOM元素，并提供操作DOM元素的简化版API的类数组对象
  • 为什么创建：DOM元素不是jQuery类型子对象，无法直接使用jQuery的简化版
  • 何时创建：只要使用jQuery，必须先创建jQuery对象，封装DOM对象。才能使用jQuery简化版API
  • 如何创建
  1. 通过选择器，从无到有的查找DOM元素，创建jQuery对象
  • 创建jQuery("selector")可进一步简化为：$("selector")
  • 先查找符合”selector“的dom元素
  • 将DOM元素装进新建的jQuery对象中
  1. 将到手的DOM元素封装进jQuery对象中
  • $(DOM元素)创建一个jQuery对象，保存DOM元素
  • jQueryAPI的三大特性
  1. 一个函数两用
  • 没有新值，默认执行获取操作
  • 给了新值，变为执行修改操作
  • 比如：.html()获取内容 / .html(xxx)修改内容为xxx
  1. 自带遍历：对jQuery对象调用一次简化版API，等效于对类数组对象中每个元素都调用一次API
  2. 几乎每个jQuery都返回正在使用的jQuery对象本身

入口函数

$(document).read(function()

)

//简写
$(function()

)

//使用jquery三个步骤
/*
1.引入jquery
2.入口函数
3.功能实现
*/

jquery(代码片段)

jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法:$(“#test”).html();jquery的基础语法：$(selector).action()... 查看详情

textaccordian（jquery）(代码片段)

查看详情

学习jquery(代码片段)

jQuery学习本篇主要参考菜鸟教程jQuery安装BootCDN<scriptsrc="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">百度<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">jQuery语法通过jQuery,可以选 查看详情

markdown在wordpress中使用jquery代码片段(代码片段)

查看详情

jquery(代码片段)

jQuery对象jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的。虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法。虽然jQuery对象是包装DOM对象... 查看详情

jquery快速入门(代码片段)

知识内容：1.jQuery大致了解2.jQuery基础语法3.jQuery事件4.jQuery动画效果5.jQuery补充 参考：http://www.cnblogs.com/liwenzhou/p/8178806.htmljQuery官网：https://jquery.com/jQuery中文文档：http://jquery.cuishifeng.cn/  &nbs 查看详情

jquery插件扩展方法(代码片段)

jQuery为扩展插件提拱了两个方法，分别是：jQuery.extend(object) —— 给jQuery对象添加方法。jQuery.fn.extend(object)—— 为扩展jQuery类本身.为类添加新的方法；  fn表示什么呢？下面代码是jQuery源代码中定义的fn：jQuery.... 查看详情

jquery(代码片段)

1.为什么使用jQuery使用js写代码时，会遇到一些问题1.window.onload事件有事件覆盖的问题，因此只能写一个事件。2.代码容错性能差。3.浏览器兼容性问题。4.书写繁琐，代码量多。5.代码很乱，各个页面到处都是。6.动画效果很难实... 查看详情

jquery简介(代码片段)

jQueryjQuery简介jQuery特点jQuery的使用方式jQuery与JavaScript的区别jQuery中的加载事件jQuery对象jQuery简介jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“writeless，domore”，倡导用更少的代码，做更多的事情。jQuery特... 查看详情

前端—jquery(代码片段)

什么是jQuery?jQuery是一个工具，简单方便实现DOM操作，python里可以叫模块，但在前端叫“类库“”jQUery我们在声明一个jQuery对象变量的时候在变量名前面加上$：var$variable=jQuery对像varvariable=DOM对象$variable[0]//jQuery对象转成D... 查看详情

jquery的安装(代码片段)

一.jQuery的安装下载jQuery有两个版本的jQuery可供下载：Productionversion-用于实际的网站中，已被精简和压缩。Developmentversion-用于测试和开发（未压缩，是可读的代码）以上两个版本都可以从 jquery.com 中下载。（https://jquery.com... 查看详情

jquery(代码片段)

jQuery为什么要用jQueryjs书写代码时,会遇到一些问题window.onload事件有事件覆盖的问题,因此只能写一个事件代码容错性差浏览器兼容性问题书写很繁琐,代码量多代码量乱,各个页面到处都是动画效果难以实现jQuery是什么jQuery是js的一... 查看详情

jquery总结(代码片段)

1.什么是jQuery？　　jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“writeLess，DoMore”，即写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作(DOM)... 查看详情

jquery入门(代码片段)

jQuery简介jQuery是一个快速、简洁的JavaScript框架jQuery设计的宗旨是“WriteLess，DoMore”，即倡导写更少的代码，做更多的事情它封装JavaScript常用的功能代码，优化HTML文档操作、事件处理、动画设计和Ajax交互导入方式本地文件<scri... 查看详情

javascriptwpwrapper中的jquery(代码片段)

查看详情

jquery(代码片段)

whatisjQuery?jQueryisafast,small,andfeature-richJavaScriptlibrary.ItmakesthingslikeHTMLdocumenttraversalandmanipulation,eventhandling,animation,andAjaxmuchsimplerwithaneasy-to-useAPIthatworksacrossamu 查看详情

markdowngistembed示例：jquery(代码片段)

查看详情

html使用jquery(代码片段)

查看详情