关注
分享
卡卡西最近怎么样
前端领域优质创作者，阿里云专家博主，华为云享专家，星光不问赶路人，一个热爱前端的大学生，希望大家多多指点交流
展开
-
什么是 jQuery ？
我们一定已经对 jQuery 有一定的印象吧，在我们学习 原生Java Script 的过程中一定经常听到这个词，那究竟什么是 jQuery 呢？？？在开始告诉大家什么是jQuery 之前呢，我们先讨论一下什么叫 ‘’Java Script 库 ‘’Java Script 库： Java Script 库是一个已经封装好了函数和方法的集合，例如我们在原生JS 中做过的动画函数等等都属于 Java Script 库 的内容，或者我们可以理解为我们将原生的代码单独的放到了一个 JS 文...原创 2022-04-05 14:26:05 · 5409 阅读 · 0 评论 -
VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】
选择一个好的开发工具是很重要的，很多人在 webstorm 和 vscode 上很难抉择，我个人更喜欢使用 vscode，因为其简洁的操作风格和丰富的人性化的各种功能让我欲罢不能，这篇文章带给大家 vscode 的新手操作指南：...原创 2022-05-12 07:00:00 · 18555 阅读 · 186 评论 -
jQuery 入口函数 详解
终于开始 jQuery 的正式学习了，激动吗？我们这一篇文章说明一下 jquery的入口函数以及其顶级对象$ 入口函数：什么是入口函数？ 不知道大家还有没有印象，我们在学习原生 JS 的 BOM 时，由于HTML元素在 script 标签的后方，因为代码自上而下运行而导致的报错情况，当时我们有两种解决方法，第一种是方法是 load，第二种方法是 DOMContentLoaded。在 jQuery 这里也存在这样的情况，如果我们的 scri...原创 2022-04-05 16:09:15 · 1373 阅读 · 0 评论 -
jQuery对象 和 DOM对象 的区别与相互转化
我们要想知道 jQuery对象 和 DOM对象 的区别就要先知道二者的定义：DOM对象：原生JS获取过来的对象就是DOM对象jQuery对象：用 jQuery 的方式获取过来的对象叫 jQuery 对象例如：var ele=document.querySelector('div') ，这里使用原生 JS 获取过来的的 ele 就是一个 DOM 对象$('div') ，这里使用 jQuery 获取过来的对象 $('div') 就是一个 jQuery 对象，下面我们使用 console.di原创 2022-04-05 17:09:23 · 1374 阅读 · 8 评论 -
jQuery API ( 一 ) -------- 选择器 与 隐式迭代
我们在学HTML基础时就学过了各种 CSS 选择器，有id选择器，类选择器，标签选择器，子代选择器，后代选择器，交集选择器，并集选择器，伪类选择器，结构伪类选择器 等等。以及在原生 JS 中我们学到的获取元素的种种方法。在我们的jQuery，也有很多选择器来获取元素，并且做了统一获取标准的封装目录：jQuery 基础选择器：两个例子jQuery 筛选选择器：两个例子隐式迭代： 隐式迭代使所有 li 变色案例：jQuery 基...原创 2022-04-07 18:39:29 · 1031 阅读 · 0 评论 -
jQuery API ( 二 ) -------- 筛选方法 与 排他思想
我们在上一篇文章中学习了 jQuery 选择器，这一章我们来说说 jQuery 的筛选方法有哪些，其目的仍然是为了获取元素，只不过是站在了父级，子级，兄弟级之间的角度来获取元素，以下便是常见常用的筛选方法：筛选方法：语法 用法 说明 parent () $('li').parent() 查找最近的父级 children ('选择器’) $('ul').children(('li') 查找子代（只有儿子） find ('选择器‘）...原创 2022-04-07 20:57:18 · 951 阅读 · 2 评论 -
jQuery API ( 三 ) -------- 链式编程 与 修改样式方法
今天这篇文章是 jQuery API 的第三篇，今天心情很好，因为破了300粉，希望所有代码人前端人在编程与写作的路上都能一帆风顺，全都早日拿认证。okk言归正传，这篇文章将带大家走进链式编程的世界，这也是 jQuery 的一个大大大大优点，其可以使代码的可读性，简洁性都得到进一步的升华，让你进入更高一层境界的代码世界。 还有一个就是对于样式的修改的进一步说明，不再单单的是一个 css 方法，我们会在这篇文章接触到 样式操作类 与 更多的样式操作方法。 ...原创 2022-04-12 23:46:30 · 1423 阅读 · 69 评论 -
案例 jQuery 实现 图片框切换【与原生 JS 对比】
我们学习原生 JS 时，写过一个图片框切换的案例，还记得采用的是什么方法做到导航栏和内容栏同步切换吗？用的是自定义属性的创建和获取，比较麻烦，我们还要使用for循环遍历绑定事件，但是学了 jQuery 之后，虽然只是入门，但以及可以完成一些基本的动态效果。我们来对比一下二者的实现部分：原生 JS： 原生 JS 就是在循环给每一个 li 绑定鼠标移动事件时使用setAttribute 设置一个自定义属性 index，然后绑定移动事件时使用 getAttri...原创 2022-04-09 16:16:24 · 1241 阅读 · 13 评论 -
前端项目 电影院选座付款系统 【原生 JS 实现 页面美观简洁】
本篇文章写的是一个电影院的选座与页面跳转系统，因为时间仓促，只写了 3号厅的选座系统，后期有时间会写一个完整的功能更完备的电影院系统。 本项目完全使用原生JS实现，共有下列功能：两种座位价格 22 元 和 23元，包场功能，清空已选座位功能，点击支付后会将总价格传入付款界面，数据在页面间传递使用的是 JS 的本地存储 .......效果展示：主页面：选座页面：点击选座后即可弹出选座框进入选座开始选座：座位价格分为两种，红色的为 2...原创 2022-04-11 17:13:22 · 6851 阅读 · 80 评论 -
jQuery 获取与设置 元素属性【一篇文章轻松拿下】
hello大家好呀！此篇文章带领大家熟练掌握 jQuery 的属性方面的操作，包括固有属性的获取与设置，自定义属性的获取与设置等等，走进 jQuery 的更深层次阶段一：固有属性的设置与获取 prop 什么是固有属性？固有属性即标签本身具有的属性，例如 a 标签的 href 属性，input 标签的 type 属性，这些就叫做元素的固有属性，此版块我们要学会获取与设置其固有属性。1.1 固有属性的获取element.prop('属性名')<b...原创 2022-04-25 20:34:59 · 5900 阅读 · 104 评论 -
你真的拿捏 jQuery 四大动画效果了吗？【入门篇超详细 零基础适用】
在艰难的原生 JS 路上我们是否做过各种各样的动画效果呢，例如轮播图的动画函数，下拉菜单，但是其实之前的显示与隐藏等小操作都属于动画效果，在 jQuery 领域我们可以将这些显示隐藏放慢100倍 1000倍来让你看清楚其动画效果，这些就用到了显示与隐藏的隐藏参数，下面大家看一下 jQuery 为我们写好了哪些动画函数呢？在开始前先给各位来一个温馨注意事项："动画函数只要触发就一定会执行，这句话在第四板块会提及到，大家多注意 "jQuery 已封装好的动画函数分类：显示隐藏效果 ...原创 2022-04-16 18:18:48 · 3445 阅读 · 61 评论 -
jQuery 获取文本内容 与 原生 JS 的异同？
hello hello，我们学习原生 JS 时已经学习掌握了两种获取和设置文本的办法，大家还记得吗？那就是 innerHTML 与 innerText，对吧，这两个基本原生方法的使用想必大家已经有些混淆了吧？不要慌张！下面我会带大家复习一下这两个方法的。对于本篇文章，将带大家认识 jQuery 的获取设置文本内容的方法，向 jQuery 的深渊迈步吧！！！一：html() 与 innerHTMLhtml() 是 jQuery 的方法，它等同于 innerHTML，二者均可...原创 2022-04-28 15:29:11 · 995 阅读 · 54 评论 -
jQuery each( ) 遍历 与 $.each( ) 遍历【一篇文章轻松拿下】
轻松掌握 jQuery 遍历操作 之 ' each( ) ' 与 ' $.each( ) ' 及其使用区别原创 2022-04-30 12:31:24 · 2792 阅读 · 12 评论 -
jQuery 创建元素、添加元素、删除元素 【一篇文章轻松拿下】
原生 JS 中，我们学习了一整套元素创建添加删除的操作，其中创建元素，我们用了 creatElement，添加元素有两种，分别是后面追加 apprndChild，和指定元素前插入 insertBefore，在 jQuery 里，也有一整套的元素创建添加删除的方法，下面带大家一起学习一下 jQuery 的元素创建，添加，和删除 三连拳法吧！！！一：元素创建元素的创建相对于原生 JS 简直不要容易太多，我们只需要一个 ‘ $ ’ 符号就可以走遍天下元素创建格式：$('<div>&..原创 2022-05-04 18:12:53 · 3090 阅读 · 59 评论 -
『 高达 购物车案例 』jQuery + Java Script 全功能实现【超详细 代码分析】
『 高达 购物车 』jQuery + Java Script 全功能实现【超详细 代码分析】原创 2022-05-01 01:43:21 · 5698 阅读 · 119 评论 -
jQuery 尺寸操作 与 位置操作 【后附本章案例】
🧡🧡🧡 原生 JS 学习中，我们学会了使用 offset 来获取元素距离 父元素（有定位的父元素） 或 文档元素 上（offsetLeft）左（offsetTop）的距离，还学会了使用 offsetWidth 来获取元素的尺寸，以及 scroll 事件中的scrollTop 卷上去头部尺寸的方法等等。jQuery 里也封装了一系列方法来完成 元素尺寸 以及 位置 的操作，学会了这个，我们便可以使用 jQuery 来完成以前用原生 JS 写过的京东放大镜，以及电梯导航等案例啦，大家下面跟我一起学习看看吧！..原创 2022-05-07 19:25:13 · 1445 阅读 · 47 评论 -
【jQuery 案例】电梯导航 切换 网页区域【功能实现详解】
🍍前言： 计算机 🖥️，手机 📱 是我们日常使用最多的物品，除了作为程序员的我们之外的大多数人使用计算机的用处都是：浏览网页，打打游戏 等等。在我们浏览网页时，我们滑到了页面下面，但是我们突然想去别的版块，或者页面顶部，这时候我们如果靠鼠标滚轮滑动会很慢，就算是拖动滚动条也不会精准的到达我们想要的到达的版块，这时候，网页电梯导航就起了很大的作用，可以让我们快速到达想要到达的地方。此篇文章适合jQuery新手学习，也适合大佬复习思路，卡卡西感谢各位的支持😍😍！！！二：...原创 2022-05-10 00:57:58 · 4624 阅读 · 224 评论 -
轻松掌握 jQuery 事件基础 ----- on()绑定，off()解绑，自动触发事件 与 事件对象【四合一完整篇】
jQuery 事件基础 ------on() 绑定 与 off() 解绑【详解篇】原创 2022-05-15 09:09:04 · 1648 阅读 · 110 评论 -
一篇文章掌握 jQuery 对象拷贝 与 多库共存解决【超详细深浅拷贝分析 + JQ插件使用推荐】
这篇文章卡卡西带大家学习掌握：对象拷贝，多库共存，jQuery插件使用三个板块内容原创 2022-05-19 07:00:00 · 854 阅读 · 96 评论 -
【jQuery案例】todolist待办事项清单 jQuery+JS实现
近期完成了一个仿 todolist 的一个任务事项管理页面，简洁的布局，斜对称的设计更加美观，仅仅用到了本地存储，纯前端，这篇文章给大家分享源码并分析一下其 jQuery 实现过程页面展示： 未添加事项页面：添加事项（回车，点击添加均可触发）：做完事项后勾选左侧选项点击右侧橙色按钮删除事项 主题切换（目前写入了两个主题）： 左侧工具栏操作说明.........原创 2022-05-24 07:00:00 · 2286 阅读 · 89 评论 -
炫酷登录注册界面【超级简单 jQuery+JS+HTML+CSS实现】
炫酷登录注册界面【超级简单 jQuery+JS+HTML+CSS】原创 2022-06-27 15:30:46 · 31057 阅读 · 119 评论 -
炫酷登录注册 完整功能版【本地存储+JS+HTML+CSS+jQuery】
这篇文章是包含完整功能的登录注册，包含了基于本地存储的注册，登录，以及密码修改功能，登录包含错误三次冻结账户1000s等细微功能，适合新入门前端的小伙伴拿来学习使用原创 2022-07-13 11:39:00 · 14175 阅读 · 122 评论