Y_MO_W-CSDN博客

原创 JQuery实现评分效果

JQuery实现评分效果 <div class="container"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function () { let count = 10 let score = 5

2020-08-06 09:19:39 371

原创 jQuery实现mock添加数据

mock相关联系mock实现一次性添加许多数据 <div class="loading_bar"></div>//进度条 <table> <tr> <td>编号</td> <td>姓名</td> <td>城市</td> <td>邮箱</td>

2020-07-30 15:30:00 369

原创 jQuery 日历练习

日历html部分：<h1></h1> <button class="prev"><</button> <button class="next">></button> <div class="container"> <ul> <li>日</li> <li>一</li&gt

2020-07-30 15:26:08 701

原创 jQuery相关小练习

jQuery练习实现点击列表切换效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-06-30 10:17:59 131

JS和jQery的相互转换我们通常想用JS实现在页面修改文字时是这样实现的let mydiv=document.querySelector('.main')div.innerHTML='你好'而jQuery是这样实现的，缩短了编译时间$('.main').html('你好')//括号内有参数时，是赋值，无参数是取值JS和JQuery的相关知识js给多个标签设置样式时，需要手动遍历一遍才能实现，而jQuery可以重复绑定，用对象方法实现多种样式，例子如下：$('.app').css({c

2020-06-30 10:03:12 86

原创实现在某个地方固定定位

固定定位页面上实现滚动时触发固定定位<style> * { margin: 0; padding: 0; } .progressbar { height: 3px; background: skyblue; position: fixed; top: 0; left: 0;

2020-06-25 14:26:28 544

原创播放器隐藏点击按钮实现播放

点击播放分析：一般页面不会出现播放器，都是嵌套的图片背景等，那么要如何实现好看的播放事件呢，我们可以写一个按钮，把播放器隐藏起来，点击按钮时开始播放，用js来实现点击事件，代码如下：css+html部分 <style> * { margin: 0; padding: 0; } .container { height: 10px; width: 4

2020-06-25 14:23:18 1408

原创 js相关例子

获取30~40之间的一个随机数function rnd(max, min = 0) { return Math.round(Math.random() * (max - min)) + min }如何获取当前是星期几/方法一/let now = new Date(); let week = now.getDay(); let tw=["周日","周一","周二","周三","周四","周五","周六"] con

2020-06-22 16:13:56 128

原创数组切割练习

获取地址栏age=20&pirce=30&keywords=lv&cc=1 中的keywords参数的值let obj={}let str='age=20&pirce=30&keywords=lv&cc=1'let keys=str.split('&')//["age=20","pirce=30","keywords=lv","cc=1"]keys.forEach(r=>{ let kv=r.split('=') let

2020-06-22 15:57:19 161

原创 1、数组的常用方法

1、数组的常用方法1、arr.concat() //合并两个数组2、arr.join()//将数组转换成字符串，不写默认以','分割;3、arr.reverse()//将数组元素顺序反转4、arr.slice(a，b)//数组切割，a代表开始下标，b代表结束下表，不包括结束下标5、arr.splice(a,b)//数组的删除，a代表开始下标，b代表结束下表，不包括结束下标改变原数组6、arr.indexOf()//查找数组中是否存在某元素，从前面开始查找，找到返回下标，否则返回-17、ar

2020-06-22 15:29:30 263 1

Y_MO_W的博客