提示：如果您使用jQuery，则可以输入$($0)以访问此元素上的jQuery API。 使用控制台中操作的最后一个值 使用 $_ 引用在控制台执行的前一操作的返回值 ?...添加 CSS 并编辑元素状态 在“Elements”面板中有2个超级有用的按钮。 第一个 + 号可以添加一个新的 CSS 属性，也可以修改原本的 CSS 属性： ?...您可以在其中键入任何字符串以匹配源代码，或者也可以使用 CSS 选择器让 Chrome 为您生成一个图像： ?...清除控制台 您可以使用控制台左上角的清除按钮或按 ctrl+l 或清除控制台 cmd+k 。 在“来源”面板中： cmd+o（在Windows中是 ctrl+o）显示您的页面加载的所有文件。...调试DOM修改 右键单击某个元素并在子树修改上启用 Break：每当脚本遍历该元素的子元素并修改它们时，调试器将自动停止以让您检查发生了什么。 ?
1.jQurey的 .each() 循环方法的使用 //一般方法示例1 for (var i=0;i<$("div").length;i++){ // 定位到所有的 div 标签并遍历其下标...11 22 44 } }) // 如何结束循环 a = [11,22,33,44]; $.each(a,function(k,v){ // k,v jQuery...-3.3.1.js"> $("#b1").click(function () { // 定位到 "添加" 这个按钮 var trEle =...$("tbody").append(trEle) // 添加一行 }); $("table").on("click",".delete",function(){ // 使用事件委托的方式给未来的标签绑定事件...keydown",function (event) { // 在键盘按下来的时候 if(event.keyCode===16){ // 每个keyCode 代表一个按键事件，这个16代表 shift
(object, [callback]) for..of: jquery 3.0 版本之后提供的方式 事件绑定 jquery标准的绑定方式 on绑定事件/off解除绑定 事件切换：toggle 案例...],[fn]) fadeOut([speed],[easing],[fn]) fadeToggle([speed,[easing],[fn]]) 遍历 js的遍历方式 for(初始化值;循环结束条件...：就是集合中的每一个元素对象 this：集合中的每一个元素对象 回调函数返回值： true:如果当前function返回为false，则结束循环(break)。...false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) $.each(object, [callback]) for…of: jquery 3.0 版本之后提供的方式...给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性 * 定义数组，存放图片资源路径 * 生成随机数。数组索引 2.
原生DOM的写法就是写JS代码，而以后我们多数都用jQuery来写，因为jQuery的优势很多，看上面，并且查找标签的方式有很多，比原生的DOM丰富的多，很便利，还有重要的一点就是不需要考虑浏览器的兼容性...jQuery的引入方式有两种： 1.直接下载文件到本地（最常用），从本地中导入 2.使用文件的网络地址，就像我们img标签里面的那个src的用法差不多。 ...上面是循环一个数组，通过$.each,还需要把数组传进去，我们还可以通过each来循环标签：(this指的是当前循环的那个标签对象，以后循环标签的时候，就不用自己写for循环了，用each就行了) ...js和jquery中的for循环也是通过他们两个来跳出当此循环或者终止循环 伏笔... .data() 任意jQuery对象都有data方法，可以保存任意值，可以用来代替全局变量 ...jQuery的原型，以提供新的jQuery实例方法。
JQuery 高级 1. 动画 1. 三种方式显示和隐藏元素 1....遍历 1. js的遍历方式 * for(初始化值;循环结束条件;步长) 2. jq的遍历方式 1. jq对象.each(callback)...回调函数返回值： * true:如果当前function返回为false，则结束循环(break)。...for..of: jquery 3.0 版本之后提供的方式 for(元素对象 of 容器对象) 3....给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性
-E执行,执行输入的数据结构 -P打印-输出结果 -L循环-循环操作以上步骤直到用户两次按下ctrl-c按钮退出. 2,在REPL中编写程序(类似于浏览器开发人员工具中的控制台功能) +直接在控制台输入...REPL界面或者输入..exit"退出REPL界面 +按住control键不要放开,然后按两下c键 十、JavaScript文件名命名规则 不要用中文 不要包含空格 不要出现node关键字 建议以,...支持JQuery规范的插件包 4. javascript-API-Completions 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件...，是少数支持sublime text 3的后缀提示的插件，HTML5标签提示sublime text 3自带，不过JQuery提示还是很有用处的，也可设置要提示的语言。...DocBlockr 注释插件，生成幽美的注释。标准的注释，包括函数名、参数、返回值等，并以多行显示，省去手动编写。
遍历 1. js的遍历方式 * for(初始化值;循环结束条件;步长) 2. jq的遍历方式 1. jq对象.each(callback) 1....回调函数返回值： * true:如果当前function返回为false，则结束循环(break)。...* false:如果当前function返回为true，则结束本次循环，继续下次循环(continue) 2. $.each(object, [callback]) 3. for..of: jquery...给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性...给开始按钮绑定单击事件 $("#startID").click(function () { // 1.1 定义循环定时器 20毫秒执行一次
,[easing],[fn]]) 二、遍历 1、js的遍历方式 for(初始化值；循环结束条件；步长) 2、jq的遍历方式 jq对象.each(callback) $.each(object,[callback...3.0 版本之后提供的方式 for (li of citys){ alert(li.innerHTML); } }) 三、事件绑定 1、jquery标准的绑定方式 jq...setTimeout（执行一次定时器） 分析发现JQuery的显示和隐藏动画效果其实就是控制display属性值 使用 show/hide方法来完成广告的显示 （3）代码实现 <!...（2）分析 给开始按钮绑定单击事件 定义循环定时器 切换小相框的src属性。首先定义数组，存放图片资源路径，然后生成随机数，作为数组索引。 2....五、插件 增强JQuery的功能,实现方式有以下两种。
("backgroundColor", "pink"); }); //值 以est结束 的div元素背景色为红色...遍历： 1.js的遍历方式； * for(初始值;循环结束条件;步长) 2.jq的遍历方式： 1.jq对象.each(callback) 2.$.each(object,[callback...]) 3.for..of: /* 1.js的遍历方式； * for(初始值;循环结束条件...3.for..of: */ $(function () { //js的遍历方式； //* for(初始值;循环结束条件...给开始按钮绑定单击事件 1.1 定义循环定时器 1.2 切换小相框的src属性
编辑器 Ctrl+Shift+W 切出一个新的编辑器窗口（最多3个) Ctrl+ 切换左中右3个编辑器窗口的快捷键 Ctrl+1 Ctrl+2 Ctrl+3 全屏显示 F11 放大或缩小(以编辑器左上角为基准...启动方法如下： 在vscode软件中使用ctrl+shift+p 打开命令面板，复制Enable Rainbow Fart 后回车，右下方弹出的提示后点击open按钮，或直接访问（http://127.0.0.1...123 open in browser 在浏览器中打开页面 Live Server 以服务器的方式打开页面 搬砖常用插件 Auto Close Tag 标签自动闭合 Auto Rename Tag 开始标签和结束标签自动进行同步...Info 颜色提示插件，只需要将鼠标放在颜色值上悬停，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息啦。...jQuery Code Snippets jQuery自动提示 Path Autocomplete 路径自动补齐 ESLint 检测JS必备 Html Css Support 在标签新增class的时候会提示之前写过的
，利用一个定时循环器循环生成一个随机数，随机数的范围是0~len(数组)-1。...之后获取到该下标的数组中的图片链接，让其显示在小相框中，循环的时间我们可以自己设定。当我们点击了停止按钮之后，让定时循环器停止，读取当前随机生成的数字，并且将该下标下的图片显示在大相框。...如下的定义表示每20ms循环一次。 setInterval()方法具有一个返回值，该返回值可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。...在该方法中我们使用Math的random()方法来生成一个随机数，由于该方法生成的数的范围是0~0.99，所以我们将其乘以7，得到的随机数范围就是0~6； // 设置一个循环定时器，循环20毫秒 intervalNum...在我们点击在停止按钮之后，就需要将循环定时器停止，否则它还将会继续运行下去，设置计时器停止的方法是clearInterval()，其中传入的参数是开始按钮返回的值， // 停止循环计时器 clearInterval
JavaScript 引入方式 ◆代码引入◆ 第一种引入方式就是在body标签的区域内直接使用方式来引用代码..../jquery-3.4.1.min.js" type="text/javascript"> ◆定义变量◆ 定义局部变量: 如下函数内局部变量必须以var开头,如果在函数内未使用...document.write("数组array2大小: " + array2.length) 定义二维数组: 以下案例定义了3个数组,并且分别给数组赋值,然后通过循环语句打印数组值...,while会一直循环下去,直到满足(num 循环,语句语法结构如下....names列表,每次循环i++递增,直到满足(i循环.
想要将表单数据提交到后台，需要先从表单获取数据/数据集 serialize和serializeArray的区别是serialize()获取到序列化的表单值字符串，serializeArray()以数组形式输出序列化表单值...在上面关于jquery.ajax的介绍中提到了，json可以作为一个ajax函数的dataType，这样数据就会通过json语法传输了。...整个过程是： 1.在php中编写页面中的表单、提交按钮等； 2.在js中对php中的按钮事件添加校验和触发函数，在js函数内，如果js对象的格式和内容正确就向控制器url（php中初始化）发起ajax请求...jquery提交之后，success 或者error都失效了，必须使用ajaxReturn....如果是JSON格式，会自动编码成JSON字符串，如果是XML方式，会自动编码成XML字符串，如果是EVAL方式的话，只会输出字符串data数据，并且忽略status和info信息。
最好创建一个新的快捷方式或脚本启动在开发模式，然后为 Chrome 添加下面的配置: --incognito 以隐身模式开始 --auto-open-devtools-for-tabs 启动 DevTools...在任何 DevTools 面板中，按 Ctrl | Cmd + Shift + P，然后按名称搜索选项: ? 4....调试一些三方库(React, Vue.js, jQuery等)或第三方脚本中的问题通常都没什么用，你也不能改这些库。...停止无限循环 触发无限循环是程序里很常见的 bug，它可能导致浏览器崩溃。要在 Chrome DevTools 中停止无限循环，可以打开 Sources 面板，然后单击调试暂停图标以停止脚本。...你可以点击和智能手机拖到绕X任何Ÿ轴，或按住 Shift 围绕旋转z轴。 强制触摸而不是鼠标或其他本机设备事件。 设置空闲状态以检查你的应用如何响应锁定屏幕。
按钮状态的判断，按钮能不能点的问题 3.像jquery 一样，追加dom (vue 是以数据为导向的，应该摆脱jquery的 dom的繁杂操作) <el-form-item label="时间"...，该不该渲染dom addTime () { this.timeArr.push('str') }, minusTime () { this.timeArr.shift('str') }...显示不同的数组，也可以直接在页面显示dom,通过v-show 显示或者隐藏,如果通过数组方式，也可以再点击的时候，向数组里面push 和pop 数组内容，数据是双向绑定的，数组中的数据有变化，dom也会及时显示出来... 点击收起按钮时候 ，更改 toggle 布尔值 {{item
1 JQuery动画 JQuery有三种方式显示和隐藏元素： 1）默认显示和隐藏方式： --show([speed, [easing], [fn]]) --hide([speed...2 JQuery遍历 js的遍历方式是使用for循环，JQuery提供了三种遍历方式： 1）JQuery对象.each(callback)：回调函数中的参数 index（索引） element（元素对象...）； 2）$.each(object,[callback])： 3）for..of：JQuery3.0 版本之后提供的方式 【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环...事件绑定 JQuery事件绑定方式包括： 1）JQuery标准的绑定方式：JQuery对象.事件方法（回调函数）；注意：如果调用事件方法，不传递回调参数，会触发浏览器默认行为； 2）on绑定事件、off...，若只有2个，则循环执行。注意：JQuery1.9后该功能删除了，要使用的话引入jquery-migrate-1.0.0.js插件。 【练习案例1】：JQuery标准的绑定方式 <!
就简单说下图中标注的8个地方： ① 以Debug模式启动服务，左边的一个按钮则是以Run模式启动。在开发中，我一般会直接启动Debug模式，方便随时调试代码。...1、如下，在IDEA中，参数所在行后面会显示当前变量的值。2、光标悬停到参数上，显示当前变量信息。点击打开详情如图。我一般会使用这种方式，快捷方便。...这个表达式不仅可以是一般变量或参数，也可以是方法，当你的一行代码中调用了几个方法时，就可以通过这种方式查看查看某个方法的返回值。...通常，当我们在遍历一个比较大的集合或数组时，在循环内设置了一个断点，难道我们要一个一个去看变量的值？那肯定很累，说不定你还错过这个值得重新来一次。...Class filters：类过滤，根据类名过滤Pass count：用于循环中，如果断点在循环中，可以设置该值，循环多少次后停在断点处，之后的循环都会停在断点处。
IDEA是JetBrains公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。...最突出的功能自然是调试（Debug)，可以对Java代码，JavaScript，JQuery，Ajax等技术进行调试。...alt + ← 进入下一个编辑的界面 alt + → 大小写转换 Ctrl + Shift + u 快速生成返回值 Ctrl+alt+v 导包，实现接口中的方法 alt+enter 快速跳至错误处 f2...快速跳到上次鼠标停留处 ctrl+alt+← 快速跳到下次鼠标停留处 ctrl+alt+→ 快速生成分支、循环、异常处理等代码块 Ctrl+Alt+t 打开最近修改的文件 ctrl+e 注入常用的代码...Ctrl+Shift+n 快捷开发之常用代码模板： 简写 生成的模板 psvm main方法 sout System.out.println(); soutv 输出变量的值 fori for (int
Windows 徽标键 + U 打开“轻松使用设置中心” Windows 徽标键 + V 循环切换通知 Windows 徽标键 + Shift + V 以相反的顺序循环切换通知 Windows 徽标键...显示该应用的窗口菜单 Shift + 右键单击某个已分组的任务栏按钮 显示该组的窗口菜单 Ctrl + 单击某个已分组的任务栏按钮 循环切换该组的窗口 设置键盘快捷方式 按此键 执行此操作 Windows...） Windows 徽标键 + Ctrl+ Tab 循环切换最近使用的应用（桌面应用除外） Windows 徽标键 + Shift + Tab 以相反的顺序循环切换最近使用的应用（桌面应用除外） Windows...徽标键 + U 打开轻松使用设置中心 Windows 徽标键 + V 循环切换通知 Windows 徽标键 + Shift + V 以相反的顺序循环切换通知 Windows 徽标键 + X 打开“快速链接...显示该应用的窗口菜单 Shift + 右键单击某个已分组的任务栏按钮 显示该组的窗口菜单 Ctrl + 单击某个已分组的任务栏按钮 循环切换该组的窗口 桌面上“远程桌面连接”的键盘快捷方式 按此键
使用大括号{}去创建对象，访问对象中的值的话，通过对象名点属性名的方式 如果访问的键不存在，则返回undefined var container ={ caoyao : "草药...方法：删除数组的第一项，并返回删除元素的值（和pop进行对比学习） arr4.shift() unshift方法：将元素添加到数组开头，并返回数组的长度（和push进行对比学习） arr4...https://esprima.org/demo/parse.html 3、代码生成 JavaScript引擎会把在第二个步骤中生成的抽象语法树进行转换，转换成 什么呢？...源生JavaScript获取dom元素： document.getElementById("id的值") 使用jQuery获取dom元素： $('#id的值') jQuery支持...换句话 说，你可以用下标的方式获取字符串中某个位置的字符 1、允许字符串直接通过for循环的方式遍历 示例： let str = "北京天安门" // 使用of遍历字符串 for
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
