2021年02月_Half_Sweet

原创 jQuery自动触发事件

jQuery自动触发事件自动触发事件就是不用操作，页面一加载就会自动触发事件，例如页面刚加载就弹出一个警示框，以及淘宝的轮播图…jQuery中自动触发事件有三种方法：$("input").on("focus",function() { $(this).val("你好呀！")}) // 1、元素.事件 $("input").focus() // 2、元素.trigger(事件) $("input").trigger("focus") // 3、元素.triggerHandler(事件)

2021-02-10 14:55:07 1780

原创 jQuery的自定义动画animate的语法，模仿王者手风琴效果

jQuery的自定义动画animate的语法$(selector).animate({params},speed,callback);1、 params （必需）参数定义形成动画的 CSS 属性，以对象形式书写。2、 speed （可选）参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。3、callback（可选）参数是动画完成后所执行的函数名称。animate的简单用法：（点击按钮后让div在一秒内移动到距离左边300px右边300px的地方，宽高变为300px）$(f

2021-02-08 16:54:40 259

原创 jQuery的滑动效果（slideDown()，slideUp（），slideToggle()）的应用方法

鼠标移入展开下拉菜单，移除隐藏<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul, li { margin: 0; padding: 0; } li { list-style: none; } .title

2021-02-07 17:23:00 1424 1

原创原生js的入口函数和jQuery的入口函数，以及区别

一、原生js的入口函数。页面上所有内容（包括DOM元素，文本内容，以及图片）加载完毕才会执行函数。 window.onload = function () { alert(1); }二、jQuery的入口函数1、文档加载完毕（不包含图片等非文字媒体文件），不等图片加载就可以执行这个函数。 $(document).ready(function () { alert(1); })2、同上，文档加载完毕（不包含图片等非文字媒体文件），不等图片

2021-02-07 17:00:29 700

原创 FCC ES6篇中的解构赋值

1、使用解构赋值从对象中分配变量function getLength(str) { "use strict"; // 在这行以下修改代码 const {length: len} = {length:str.length}; // change this // 在这行以上修改代码 return len; // 你必须在这行将 length 赋值给 len}console.log(getLength('FreeCodeCamp'));第一个我一直通不了关，望兄弟姐妹们指点迷津2

2021-02-07 10:37:21 408 3

原创 HTML中引入在线图片

在HTML中不用下载就引入其他网页上的图片1、在谷歌浏览器中将光标放到图片上，鼠标点击右键，再点击复制图片地址2、将复制的地址粘贴到src中 <img src="https://i0.hdslb.com/bfs/archive/fd3476b240c4519de4840a73ae8fc41c22eb6837.jpg@880w_388h_1c_95q" >这个时候我们运行会发现图片不显示3、加上下面这一行代码就可以显示了 <meta name="referrer" conte

2021-02-06 11:45:16 4173 1

原创递归的用法：求阶乘，斐波那契数列

简单来说，在函数内部调用自己，这个函数就是递归函数。1、求阶乘求n的阶乘就是把1到n的所有整数相乘即 n! = 1 * 2 * 3* … * (n-1) * n = (n-1)! * n6! = 1 * 2 * 3 * 4 * 5 * 6 = 5! * 6 = 720var result = 0; function fn(n) { if (n == 1) { result = 1; } else { result = fn(n-1) * n; } return re

2021-02-03 21:14:15 820

原创 forEach,map,filter,some,every等数组方法的应用方法

for each( ),filter( ),some( ),every( )是ES5新增的数组方法，其中都有三个参数：1、currentValue：当前元素,2、index：当前索引号,3、array：进行操作的数组其中除了currentValue不可省略，其余两个参数都可省略1、for each( )var arr = [1, 4, 9, 16] arr.forEach(function(currentValue, index, array) { console.log('数组' + '

2021-02-02 11:21:32 194

原创字符串的 trim ( ) 方法

trim ( ) 用来去除字符串头尾的空格var str = ' I love you ';console.log(str.trim());运行结果如下：可见字符串头尾的空格已经被去除了，但是中间的空格仍然存在，因为trim ( ) 只能去除字符串头尾的空格...

2021-02-02 10:29:53 1666

Enough0的博客