1、jQuery鼠标事件之click与dbclick事件 click方法用于监听用户单击操作，dbclick方法用于监听用户双击操作，这两个方法用法及其类似，所以这只介绍click事件，只有单击释放后才生效...，还是会实现所绑定的事件；任何鼠标按钮都会实现所绑定的事件；用event 对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3 3、jQuery...但是他们最主要的区别是第四点可能会处理冒泡事件，这第五点是不会处理冒泡事件 6、jQuery鼠标事件之hover事件 这个事件是第五点的总结方法，所以他也不会处理冒泡事件，即悬停事件，在元素区域内悬停（...自定义事件对象，是jQuery模拟原生实现的 自定义事件可以传递参数 ---- jQuery基础（四）---动画篇 1、jQuery中元素的隐藏和显示之hide和show方法 （改变样式display...important重写样式 2、jQuery中显示与隐藏切换toggle方法（改变样式display:none/block) toggle方法是上述两个方法的切换 $ele.toggle()
开发案例 标签克隆的两种实现方式: +... $(document).ready(function...操作表格的各种办法: <style type
JS 數組切片 js切片，将一维数组，切成n组长度3的二维数组 var a = [1, 2, 3, 4, 5, 6, 7, 8] var result = [] function slice(l)...按位或( | ) 0011 0101 0111 向下取浮点数，n|0,浮点数不参与位数运算，所以舍去，n|0=n js null类型为对象的原因 在js最初的设计当中，规定存储数据中...与 property区别 property可以看成是html中属性在JS当中的映射。...', function () { history.pushState(null, null, document.URL); }); JS函数柯里化 1.js函数的隐式转换默认会调用...JS词法作用域 js采取的是词法作用域，所以，无论函数在哪里被调用，或者以任何形式被调用，其词法作用域只由其被声明时的位置决定。
也都能做，但使用 jQuery 能大幅提高开发效率 jQuery Advantages 体积小，压缩后只有 100 KB 左右 强大的选择器 出色的 DOM 封装 可靠的事件处理机制 出色的浏览器兼容性...jQuery Usage jQuery 作为一个单独存在的 js 文件，并不会与其他的 js 文件发生冲突 ... alert($("p").text()); jQuery 对象与... $("img.../jquery-3.4.1.min.js"> car.js $(".plus").click
1、jQuery的基本用法 1.1 jQuery引入 1.2...第一个jQuery测试 $(function(){ //连续点击：toggle(function1.../jquery-3.4.1.min.js"> $(function(){ //显示和隐藏：可以不带，带一个，.../jquery-3.4.1.min.js"> <style
它的宗旨就是：“Write less, do more.“ 1.1jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。...jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。...jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用...前端开源cdn:BootCDN 1.3jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。...多用于插件开发者向 jQuery 中添加新函数时使用。 jQuery.extend({ min:function(a, b){return a < b ?
前言 之前总是不清楚原生JS和jQuery中有哪些循环遍历函数，而且有时候还总是把原生JS方法当成jQuery方法来用，以致于项目总是报错，并且还不知道是什么原因。...DOM对象和jQuery对象如何互相转换？ 首先，先说一下DOM对象和jQuery对象如何转换？这样原生JS和jQuery的方法，我们就可以随意使用了。...1.DOM对象—> jQuery对象 只要给DOM元素外加() 就可以了,如 (document.getElementById("dv")) 。...2.jQuery对象—>DOM对象 有两种方法： （1）jQuery对象[0]，如$(“.cls”)[0]; （2）jQuery对象.get(0)，如$(“.cls”).get(0)。...原生JS循环遍历函数 1.for() for循环得知道数组的长度才能循环。它比较常用，这里就不多说了。 2.forEach () 不需要知道数组长度，也可以对数组中每一个元素进行操作。
［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments...option> Trees $(document).ready(function(){ $("button").click...DOCTYPE html> // 注意: // DOM对象--->jquery对象 $(DOM) // jquery对象--->DOM对象
/js/jquery-migrate-1.0.0.js" type="text/javascript" charset="utf-8"> 4. 案例 1..../js/jquery-3.3.1.min.js"> /* 需求： 1..../js/jquery-3.3.1.min.js"> ...插件：增强JQuery的功能 1....$/jQuery
# 目前网络上有大量开源的JS框架，但是JQuery是目前最流行的JS框架，而且提供了大量的扩展. # 很多大公司都在使用JQuery，例如: # Google,Microsoft,IBM,Netflix...* Development version - 用于测试和开发（未压缩，是可读的代码） 以上两个版本都可以从 [jquery.com](http://jquery.com/download/) 中下载.../js/jquery/2.0.2/jquery-2.0.2.min.js"> Google CDN <link href="<em>jquery</em>-ui.min.css
简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。...最新版本：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....JQuery对象和JS对象区别与转换 1. JQuery对象在操作时，更加方便。 2. JQuery对象和js对象方法不通用的. 3....两者相互转换 * jq -- > js : jq对象[索引] 或者 jq对象.get(索引) * js -- > jq : $(js对象) 4.
jQuery 第1章 jQuery简介 1.1 JavaScript库的概念 JavaScript开发的过程中，处理浏览器的兼容很复杂而且很耗时，于是一些封装了这些操作的库应运而生。...把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。...（animate.js、common.js） 常见的JavaScript 库 - jQuery、Prototype、MooTools。...其中jQuery是最常用的一个 jQuery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，其实就是一个加强版的common.js，因此我们学习jQuery，其实就是学习jQuery这个js...display:none"> <script type="text/javascript" src="<em>jquery</em>.<em>js</em>
很多时候，我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？...是的，明显原生JS要更快，因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西，考虑通用性必然会导致性能的损耗。...那么你是否觉得使用原生JS实现会很麻烦呢？其实不然，因为有classList。下面是一些关于JQuery css操作的JS原生实现。...最后不得不说的是 jQuery 的确是一个了不起的库。但是如果我们可以同样轻松的使用原生 JS 实现 JQuery，何乐而不为呢？...也许我有点吹毛求疵，这一点性能优化可能是可有可无，只不过最近在开发 H5 游戏，你会发现当你的游戏无法顺畅地跑 60 帧（60FPS，每秒刷新60次）的时候，每一丝性能的优化带来的提升都是宝贵的。
第10章 jQuery节点操作 10.1 创建节点 // $(htmlStr) // htmlStr：html格式的字符串 $('<span-这是一个span元素</span-'); 10.2 添加节点
第8章 jQuery事件机制 JavaScript中已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并扩展了事件处理机制。...jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。...8.1 jQuery事件发展历程(了解) 简单事件绑定–bind事件绑定–delegate事件绑定–on事件绑定(推荐) 简单事件注册 click(handler) 单击事件 mouseenter(...之后，jQuery用on统一了所有事件的处理方法。...事件对象 jQuery事件对象其实就是js事件对象的一个封装，处理了兼容性。
第6章 JQuery操作样式 6.1 CSS操作 功能：设置或者修改样式，操作的是style属性。...6.2 jQuery尺寸和位置操作 6.2.1 width方法与height方法 设置或者获取高度，不包括内边距、边框和外边距 // 带参数表示设置高度 $('img').height(200); //
第5章 JQuery操作属性 5.1 attr操作 设置单个属性 // 第一个参数：需要设置的属性名 // 第二个参数：对应的属性值 // $obj.attr(name, value); // 用法举例...); 移除属性 // 参数：需要移除的属性名， // $obj.removeAttr(name); // 用法举例 $('img').removeAttr('title'); 5.2 prop操作 在jQuery1.6
文档地址 首先引入 ... <script src="http://static.runoob.com/assets/<em>jquery</em>-validation-1.14.0/dist/localization/messages_zh.<em>js</em>...submitHandler:function (form) { form.submit(); } }); // 自定义验证手机号 <em>jQuery</em>.validator.addMethod
/jquery-1.12.4.min.js"> // 写出对应功能代码 $(function.../jquery-1.12.4.min.js"> $(function(){ // 1、新增...) // $(this).parent() -- js li // $(this).parent().prev() -- js这个li的前一个...由于此处代码实现过于复杂，css和js功能实现代码量较多，公众号文章字数有所限制，所以此处将两个重要的功能实现即可，有了这两个例子，其他的都可以做出来了，至于网页的美化这些到是简单许多。...此处为js文件，由于字数限制，此处只提供重要功能的代码。
数据库 为了便于开发和调试，我选择了在 docker 中启动 MySQL（数据库）和 phpMyAdmin（面板）服务。启动过程如下所示，十分简洁明了。...前端在每一次提交登录 / 注册请求时会把绑定到当前会话的验证码带上，由后端进行校验，以确保安全性。 前端部分对应代码如下。...概述 前端部分沿用了第一次作业的大体设计，但是增加了新的重复密码框，并使用 CDN 引入 jQuery 与后端进行通信。...前端界面具有适配多种平台的能力，在 Chrome 91 开发者工具所提供的所有类型的设备的模拟屏幕种均能完整显示正常操作。 运行前端时应尽量保证它在一个服务器环境中运行。...密码安全性 前端在向后端发送请求时会做和登录侧一样的处理，在此不再赘述。 后端部分 概述 后端采用了 Node.js 和 express 框架。依赖的 npm 包如下。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
