北斗星的爱886-CSDN博客

原创 jquery input标签的禁用和启用disabled

定义和用法disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。注释：disabled 属性无法与一起使用。实例通过为radio按钮添加点击事件，进行启用或禁用input。HTML： <h3>疫情防控个人信息</h3> 有武

2020-06-18 08:57:32 11318 1

原创 Bootstrap的使用方法，自适应手机页面

什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。为什么使用 Bootstrap？移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：所有的主流浏览器都支持 Bootstrap。Bootstrap目录结构bootstrap/├── css/│ ├── bootstrap.css│ ├── bootstrap.c

2020-05-18 09:15:33 11303

原创微信原生小程序封装网络请求wx.request

微信小程序网络请求封装。

2024-05-10 16:14:17 431

原创微信小程序封装异步本地储存storage API代码

【代码】微信小程序封装异步本地储存storage API代码。

2024-04-23 16:42:45 154

原创微信小程序封装同步本地储存storage API代码

【代码】微信小程序封装同步本地储存storage API代码。

2024-04-23 16:31:29 180

原创原生微信小程序封装模态对话框组件wx.showModal()

【代码】原生微信小程序封装模态对话框组件wx.showModal()

2024-04-23 15:40:33 338

原创原生微信小程序封装消息提示框组件wx.showToast()

【代码】原生微信小程序封装消息提示框组件wx.showToast()

2024-04-23 15:33:22 294

原创 Node.js-Express框架基本使用

Express是基于 node.js 的web应用开发框架，是一个封装好的工具包，便于开发web应用（HTTP服务）

2023-08-21 15:21:10 667

原创 Node.js-npm包管理工具的介绍

包管理工具，管理包的应用软件，可以下载安装、更新、删除包等操作，在项目开发中大大提高开发效率。npm全称：Node Package Manager。初始化后，默认生成 package.json 文件。包，代表一组特定功能的源码集合。

2023-08-07 15:26:55 585

原创 Node.js-模块化理解及基本使用

讲一个复杂的程序文件按照一定的规则拆分成多个独立的小文件，这些小文件就是小模块，这就是模块化。每个小模块内部的数据是私有的，可以暴露内部数据给外部其他模块使用。

2023-08-07 09:05:12 512

原创 Node.js-http模块服务端请求与响应操作，请求报文与响应报文

使用node.js创建web服务，分别设置请求报文以及响应报文。我们调用request对象的属性和方法就可以拿到所有HTTP请求的信息；response对象封装了HTTP响应，我们操作response对象的方法，就可以把HTTP响应返回给浏览器。

2023-08-03 16:52:58 2049

原创 Node.js-path模块操作路径的基本使用

path模块提供了操作路径的功能，以下为常用的API。

2023-08-01 15:52:09 470

原创 Node.js-fs模块文件创建、删除、重命名、文件内容的写入、读取以及文件夹的相关操作

node.js内置模块=>fs文件系统模块基础，用来操作文件及文件夹，增删改的基本使用。

2023-08-01 14:49:58 2798

原创 git拉取提交代码进行身份验证-输入账号密码以及配置SSH公钥

远程拉取、提交远程仓库代码，gitee身份验证及SSH配置公钥

2023-07-25 15:56:10 7440

原创原生Ajax基本使用以及实现get和post请求

Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过后台与服务器进行少量数据交互 Ajax可以使网页实现异步更新这意味着可以在不重新加载整个网页的情况下对网页的某部分进行更新，传统的网页（不使用Ajax）如果需要更新内容必须重载整个网页页面。

2023-07-12 15:45:23 160

原创 jquery发送ajax请求数据方式

【代码】jquery发送ajax请求数据方式。

2022-11-08 15:50:36 312 1

原创页面自适应字体大小，根据屏幕宽度适应font-size文字大小

页面自适应字体大小，根据屏幕宽度适应font-size文字大小，可适应字体，布局。

2022-09-13 16:54:59 3828

原创移动端响应式布局匹配 px转rem

移动端响应式匹配 px转rem=20

2022-06-23 15:46:20 171

原创 github gitee码云git基本使用及操作流程

命令新建一个本地仓库: 1. git init 配置github的用户名及邮箱: 2. git config --global user.name "Your Name" git config --global user.email "email@example.com"查看当前项目源码的状态，上面为修改后的文件，下面为新增的文件:3. git status 将文件添加到暂存区:4. git add .文件变为绿色表示已添加到暂存区:5. git status将暂存区代码提

2022-03-07 22:14:52 462

原创 JavaScript 实现tab选项卡切换效果

JavaScript 实现tab选项卡切换效果CSS： * { padding: 0px; margin: 0px; box-sizing: border-box; } .main { border: 1px solid #ccc; width: 440px; height: auto; margin: 0 auto; } .top { width: 440px; height: 45px; } .top li { float: left; wid

2021-08-18 16:45:23 1266

原创 jQuery 制作交通信号灯红绿灯动画效果

jQuery 制作交通信号灯红绿灯动画效果HTML <p>好好学习天天向上</p> <div class="light"> <div class="red"></div> <div class="yellow"></div> <div class="green"></div> </div>CSS * { box-sizing: border-box; }

2021-07-12 15:26:12 568

原创纯CSS3 制作交通信号灯红绿灯动画效果

纯CSS3 制作交通信号灯红绿灯动画效果HTML： <div class="light"> <div class="red"></div> <div class="yellow"></div> <div class="green"></div> </div>CSS: * { box-sizing: border-box; } .light { width: 103px; h

2021-07-09 16:48:04 1380

原创（十七） jQuery each()方法使用

each()方法使用遍历每个p元素，并且改变边框样式。效果：

2021-07-08 17:21:27 124

原创（十六）jQuery slice()方法使用

slice()方法使用根据索引值获取指定范围的集合元素。上例中，是获取从索引位置为1到索引值为4(到不包含4) 的p元素边框设置为红色。效果：索引值为1、2 、3 的颜色改变。根据指定范围截取字符串。效果：...

2021-07-08 16:52:33 250

原创（十五）jQuery 获取元素的方法总结

1、parent()方法获取被选元素的直接父元素。效果：2、parents()方法获取被选元素所有的祖先元素（包括body、html标签）。效果：3、children()方法获取被选元素的所有直接子元素效果：4、find()方法获取被选元素的后代元素，一路向下直到最后一个后代。效果：5、siblings()方法获取除了被选元素之外的其他同级元素效果：6、next()方法获取被选元素的下一个同级元素。效果：7、nextAll()

2021-07-08 16:21:47 1814

原创（十四）jQuery css()方法

1、css()方法css()方法返回元素的样式属性。效果：css()方法设置元素的样式属性。效果：设置多个 CSS 属性$('div').css({'background-color':'#fff','border':'1px solid #ccc'});

2021-07-07 11:55:41 116

原创（十三）jQuery addClass()和removeClass()方法

1、addClass()方法向被选元素添加一个或多个类CSS：.addClass{ width: 400px; height: 100px; border: 1px solid #000; background-color: pink; font-size: 18px; }HTML：<div> 你的爱,会将我灌醉,我没有所谓,太过清醒怎么陶醉. -----好好学习，天天向上。</div>JS：添加class属性前：

2021-07-07 11:32:15 699

原创（十二）jQuery删除元素或内容的方法

1、remove()方法删除被选元素及其子元素。 <div class="remove"> <p>好好学习，天天向上。</p> <span>卧槽，无情，好残忍！</span> <div>那我走？</div> </div> <br> <button>删除元素</button>效果：删除之前：删除之后：2、empty()方法删除被选元素

2021-07-07 10:37:57 530

原创（十一）jQuery添加元素或内容的方法

1、append()方法在被选元素结尾添加新元素。 <div class="add">好好学习，天天向上。</div> <br> <button>添加元素</button>效果：在被选元素内部结尾添加新元素。2、prepend()方法在被选元素的开头添加新元素。<div class="add">好好学习，天天向上。</div><br><button>添加元素&

2021-07-07 10:08:56 2905

原创（十）jQuery设置获取表单字段的值val()

val()方法val()方法主要设置或获取表单中input的值。<input type="text" value="Hello World"/>//获取input值$('.input').val();//Hello World//设置input值$('.input').val('Hello Kitty');

2021-07-02 10:37:27 683

原创（九）jQuery设置获取属性attr()

attr()方法attr() 方法获取属性值。<a href="www.csdn.net" class="my">CSDN</a>$('.my').attr('href');//www.csdn.netattr() 方法设置属性值。<a href="www.csdn.net" class="my">CSDN</a>$('.my').attr('href', 'www.baidu.com');<a href="www.baid

2021-07-02 10:26:14 478

原创（八）jQuery设置获取内容html()和text()

html()方法设置或者获取元素的内容(包括html标记)//设置元素内容$('.div').html('<span>设置元素内容</span>');//获取元素内容$('.div').html();//html结构text()方法设置或者获取元素的文本内容//设置元素文本内容$('.div').text('修改了内容');//获取元素文本内容$('.div').text();//字符串...

2021-07-02 09:58:18 125

原创（七）jQuery回调函数 Callback

Callback函数详解你到超市买东西，你要买的东西正好没有，于是你在店员那里留下来你的电话号码，过了几天来货了，店员打电话叫你去拿货，然后你接到电话后就去店里取了货。这个例子中，你的电话号码就是回调函数，你把电话留给店员就叫登记回调函数，店里后来有货了叫做触发了回调关联的事件，店员给你打电话叫做调用回调函数，你到店里去取货叫做响应回调事件。一般写程序是你调用系统的API，如果把关系反过来，你写一个函数，让系统调用你的函数，那就是回调了，那个被系统调用的函数就是回调函数。当动画 100% 完成后

2021-07-01 10:59:04 458

原创（六）jQuery 停止动画stop（）方法

stop（）方法用于在动画或效果完成之前对他们进行停止适用于所有jQuery动画效果函数。实例：$('button').click(function(){ $('.div').stop();})stop()会清除被选元素上指定的动画效果。

2021-07-01 10:30:43 482

原创（五）jQuery animate（）方法实现动画效果

animate() 方法用于创建自定义动画实例：点击按钮，实现div向右移动200px。$('button').click(function(){ $('.div').animate({left: '200px'});})提示：默认的，所有 HTML 元素都有一个静态位置，且无法移动。如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！.div{position: absolute;}animate(

2021-07-01 09:21:55 756

原创（四）jQuery实现元素向上向下滑动效果

1、slideDown（）方法slideDown() 方法用于向下滑动元素。$("button").click(function(){ $("#div").slideDown();});2、slideUp（）方法slideUp() 方法用于向上滑动元素。$("button").click(function(){ $("#div").slideUp();});3、slideToggle（）方法slideToggle() 方法可以在 slideDown() 与 slide

2021-06-30 11:52:35 2383

原创（三）jQuery实现元素的淡入淡出效果

1、fadeIn（）方法fadeIn() 用于淡入已隐藏的元素。$("#div").fadeIn();2、fadeOut（）方法fadeOut() 方法用于淡出可见元素。$("#div").fadeOut();3、fadeToggle（）方法fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。$("#div").fadeToggle();4、fadeTo（）方法fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与

2021-06-30 10:29:23 903

原创（二）jQuery效果隐藏和显示

hide()隐藏元素$(document).ready(function(){ $('button').click(function(){//点击按钮事件 $('p').hide();//隐藏p元素 })})show()显示元素$(document).ready(function(){ $('button').click(function(){//点击按钮事件 $('p').show();//显示p元素 })})语法：$(selector).hide(speed,callb

2021-06-26 11:57:04 129

原创（一）jQuery常用鼠标触发元素事件（鼠标点击、进入、离开）

jQuery 事件方法1、click事件：点击鼠标左键时触发$(document).ready(function(){ $('div').click(function(){ alert("鼠标点击了！"); })});2、mouseover事件：鼠标从一个元素移入另一个元素时触发（鼠标进入）$(document).ready(function(){ $('div').mouseover(function(){ alert("鼠标进入了！"); })});3、mouseout

2021-06-26 10:59:27 13168

原创 js通知公告文字左右轮播滚动

js通知公告文字左右轮播滚动HTML结构<div class="llbr_01"> <div><a href="#" target="_blank" style="color:red;">英雄</a></div> <div id="marquee1" style="width:468px;height: 38px;float: left;overflow: hidden;"> <div style="widt

2020-12-29 16:34:28 2915 3

jquery下拉菜单导航效果

空空如也