jQuery 实现 图片框切换【与原生 JS 对比】
我们学习原生 JS 时,写过一个图片框切换的案例,还记得采用的是什么方法做到导航栏和内容栏同步切换吗?用的是自定义属性的创建和获取,比较麻烦,我们还要使用for循环遍历绑定事件,但是学了 jQuery 之后,虽然只是入门,但以及可以完成一些基本的动态效果。我们来对比一下二者的实现部分:原生 JS:
蓝桥杯 —— Web前端(功能实现类)【标题即题目链接,点击查看具体要求】
蓝桥杯 —— Web前端(功能实现类)
JavaScript之jQuery学习三部曲【下篇】
本期是jQuery基础的最后一篇文章:【下篇】,我们用一个转盘抽奖实例对jQuery的学习进行检验。强烈建议看到这篇文章的小伙伴们,可以抽个时间看一下【上篇】【中篇】,如果jQuery的基础还不错,也可以直接从这篇入手!(1) 关于随机数,这里封装了一个随机数,从1到12,代表了这一轮的奖品是什么(
JavaScript之jQuery学习三部曲【中篇】
本期是jQuery的第二篇文章:【中篇】,主要从jQuery的选择器、jQuery操作HTML样式以及绑定事件进行讲解。jQuery能够给我们提供选择某一个网页元素的方法。第一部分,我们先了解一下最常用的绑定事件函数bind(),它有四个参数,但是基础阶段,我们掌握必须的两个参数即可:element
用jQuery实现双模式打地鼠小游戏
打地鼠游戏,提供完整的代码、素材与实现思路:游戏分为两个模式:简单和困难模式,玩家可自行选择游戏的模式,其中:(1) 简单模式:玩家会遇到从洞中随机钻出的地鼠,成功击打地鼠获得100得分。(2) 困难模式:洞中偶尔会出现顽皮的孩童,如果误击儿童,扣除100得分,其他规则同上。游戏支持弹窗展示本轮得分
JavaScript之jQuery学习三部曲【上篇】
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery库的知识过于繁多,因此我一改过去的习惯,将jQuery的知识按照一定的划分方法进行分割,以三篇文章来把整个jQuer
jQuery实现超级可爱的猫头鹰登录页面
效果图:源码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>猫头鹰登录页面</title> <style>
学习JQuery的第一天(区分DOM与JQuery)(DOM与JQuery对象互相转换)
第一点首先啥是JQuery?jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
jQuery插件
前言Hello!!!同志们,最近疫情挺严重的,都要好好待在家里,或者学校不要乱跑,注意安全,一切都会好起来的,那现在就让我们偷偷地卷起来。上次分享了jQuery的事件和动画特效,今天九歌来分享jQuery插件。上思维导图:看了思维导图应该明白今天的分享大致分为两个部分:自定义插件 和 第三方插件。下
【Ajax入门】实现页面的局部刷新,前后端交互少不了的技术
前言之前已经学习jQuery了,我们今天在jQuery的基础上继续学习Ajax。如果你不知道jQuery那么你可以先去看看本专栏的上一篇博客。传送门:虽然我们是在jQuery的基础上学习Ajax,但是Ajax可是非常非常重要的,在以后的Web开发中会一直用到它的。目录前言初识Ajax使用Ajax创建
jQuery $工具方法&属性&CSS
前言昨天跟大家分享了jQuery的入门和一些选择器,今天与大家分享jQuery的 $工具方法 、属性、 css首先让我们来看一下今天要分享的内容的思维导图一、$工具方法1、$.each():用于遍历数组、对象、对象数组中的数据;(1)遍历对象$(function() { //一、$工具方法
jQuery 筛选&文档处理
前言昨天给大家分享了jQuery的$工具方法&属性&css,今天给大家分享的内容是jQuery筛选&文档处理首先来看一下思维导图。本次分享的主要内容为筛选和文档处理筛选:又分为过滤和查找文档处理:又分为增 删 改。下面请看正文。一、筛选1、过滤 (1)first():获
jQuery$工具方法&属性&CSS
Hilo Everybody wellcome to my channel!今天Liom带大家来学习jQuery的$工具方法以及一些常用属性和CSS(jQuery02)
jQuery入门&选择器
jQuery选择器、jQuery入门、jQuery官网地址
jQuery---01入门
jQuery01Query的意思:查询获取页面上的标签document.getElementByld();jQuery$(function(){});jQuery里如何动态设置样式css的?单个属性和属性的区别?oDiv.style.width="100px";oDiv.style.height="
《前端系列教程》目录
《前端系列教程》专栏目录, 本专栏面向广大非前端程序猿,为的是大家快速入门并掌握前端基础知识(同时穿插有前端小设计的习题,巩固学习)~
面向对象编程
面向对象编程
开始jQuery之旅
从这篇笔记开始记录jQuery的学习历程。
第一次前端培训(HTML基础)
1.使用软件:HBuilder 下载链接HBuilderX-高效极客技巧2.视频链接:【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili23.文本链接:HTML 教程 | 菜鸟教程4.HTML主要内容5.HTML概述
【除夕最炫烟花代码】—— HTML+JQuery实现2022跨年烟花特效
除夕马上到来,激动的心颤动的手!今年由于管控严厉,许多地方禁止燃放烟花爆竹,既然不让我们放,那我们就用代码来实现烟花特效!文末有彩蛋哦~