jQuery框架
文章平均质量分 89
该专栏用于记录jQuery框架的学习和使用过程,包括jQuery的基础、选择器、动画、遍历、事件以及相关案例分析
灰小猿
CSDN博客专家、Java 领域优质创作者、华为云享专家、阿里云专家博主。专注分享全栈领域优质文章,以及毕业项目实战开发、讲解、毕设答疑辅导,同行合作。全网粉丝 10W+,关注小猿不迷路,小猿带你上高速!
展开
-
硬核解析,巧用案例学习jQuery框架三种事件绑定方式
Hello,你好呀!我是灰小猿!一个超会写bug的程序猿!在jquery框架的使用中,难免会遇到按钮或文本框等各种各样的要求要进行相应事件的绑定操作,进行事件的绑定能够增加页面的交互效果,相信在html和js中进行事件的绑定大家都不陌生,那么今天我就来和小伙伴们分享一下利用jquery如何进行事件的绑定!Jquery中有三种基本的事件绑定方式,那么我们就以三个小案例的形式来分别和大家讲一下这三种基本的事件绑定方式。一、 jquery标准的绑定方式Jquery框架的标准绑定的语法是:jq对象.事件方原创 2021-06-18 11:31:23 · 1343 阅读 · 26 评论 -
五分钟学会做一个在线抽奖系统,手把手教你抽奖还学不会嘛?
目录一、实现原理二、定义存放图片URL的数组三、设置开始按钮动作事件1、设置点击监听2、设置开始按钮失效3、定义循环定时器4、切换小相框的src属性四、设置结束按钮动作事件1、为结束按钮设置监听函数2、设置停止按钮失效3、停止定时器4、给大相框设置src属性Hello,你好呀,我是灰小猿!一个超会写bug的程序猿!抽奖应该大家都玩过吧?但是使用jquery框架自己做一个在线抽奖系统你会嘛?今天我就来和大家分享一个超简单的利用jQuery框架实现的在原创 2021-06-17 12:08:54 · 4957 阅读 · 27 评论 -
盘点用jQuery框架实现“for循环”的四种方式!
目录一、JS的遍历方式二、JQuery的遍历方式1. jQuery对象.each(callback)2. $.each(object, [callback])3. for..of方法Hello,你好呀,我是灰小猿!一个超会写bug的程序猿!jQuery框架系列文章已经和大家分享了很多了,从jQuery框架的基础入门,到案例分析、再到现在的高级进阶。其中不但我自己学习到了很多东西,同时也帮助了很多需要的小伙伴。今天我就继续来和大家分享在jQuery高级开发中对元素标签体的遍历常原创 2021-06-14 08:58:53 · 3423 阅读 · 9 评论 -
jQuery框架实现元素显示及隐藏动画【附案例分析】
目录一、默认方式显示和隐藏二、滑动方式显示和隐藏三、淡入淡出方式显示和隐藏四、案例:广告的自动显示和隐藏Hello,你好呀,我是灰小猿!一个超会写bug的程序猿!今天继续来和大家分享一下在jQuery高级开发中关于动画效果的简单实现!首先来看一个简单的动画效果图:我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作,所以上面显示和隐藏的也只是一个div,而并不是一个图片。下面我就来和小伙伴们讲一个如何对元素的属性进行操作,使其显示或者隐藏!原创 2021-06-09 08:35:29 · 1566 阅读 · 6 评论 -
【JQuery框架】超详细DOM操作看这一篇就够了!
目录写在前面一、内容操作1. html()2. text()3. val()二、属性操作(1)通用属性操作1. attr():2. removeAttr()3. prop()4. removeProp()5.attr和prop区别(2)对class属性操作1. addClass()2. removeClass()3. toggleClass()4. css()三、CRUD操作1. append()2. prepend()3.原创 2021-05-09 20:53:17 · 3844 阅读 · 24 评论 -
【JQuery框架】五大选择器“全家桶”详解!!!
目录选择器基本操作1、事件绑定2、入口函数3、样式控制一、基本选择器1、标签选择器2、id选择器3、类选择器4、并集选择器二、层级选择器1、后代选择器2、子选择器三、属性选择器1、属性名称选择器2、属性选择器根据正则进行拓展3、复合属性选择器四、过滤选择器1、首元素选择器2、尾元素选择器3、非元素选择器4、偶数选择器5、奇数选择器6、等于索引选择器7、大于索引选择器8、小于于索引选择器9、标题选择器原创 2021-01-30 12:16:29 · 6209 阅读 · 8 评论 -
【JQuery框架】JQuery对象和JS对象的区别和转换
目录jQuery的概念jQuery快速入门1、下载jQuery2、导入JQuery的js文件3、jQuery的使用jQuery对象和JS对象区别与转换jQuery转为jsjs转为jQueryHello!你好呀,我是灰小猿,一个超会写bug的程序猿!在了解jQuery对象和JS对象之间的区别和转换前,我们先对jQuery框架进行一个简单的入门。jQuery的概念jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的Ja..原创 2021-01-27 15:00:05 · 5977 阅读 · 9 评论