经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 jQuery

jquery+h5实现九宫格抽奖特效(前后端代码)

前言: 前端:jq+h5 实现九宫格动效 后端:thinkphp3.2.3 实现中奖概率算法 功能:支持读取数据库预设的中奖率及奖品池,中奖率可以自定义,必须是整数 最终效果如下: 代码: choujiang.html代码如下: <!DOCTYPE h...[2021/8/16]

jQuery实现下拉菜单滑动效果

当我们制作网页时,有的时候会想拥有一个酷炫且顺滑的下拉菜单,虽然我们使用最基础的c 和js也可以完成,但利用jQuery我们只需要非常简短的代码即可完成下面的效果 是不是非常的顺滑呢?鼠标移动到目标上自动的下拉菜单 ,只需要这样两行代码: $(" ").hover(funct...[2021/8/9]

jQuery实现淡入淡出效果

用jQuery完成淡入淡出效果前,我们先来认识几个代码: 淡入 fadeIn([ speed , [easing] , [fn] ]),参数都可不写 淡出 fadeOut([ speed , [easing] , [fn] ]),参数都可不写 淡入淡出切换 fad...[2021/8/9]

jQuery实现简单的按钮颜色变化

在HTML和CSS中我们想要完成一个对按钮颜色的设置,虽然也可以做到想要的效果,但过程比较繁琐,利用jQuery我们就可以轻松的完成这件事情。 假设现在我们有一组按钮 当我们点击其中一个的时候让它变成粉色,再点击另一个后除了被点击的按钮全部为原始颜色,我们应该怎样做呢 其实只需要...[2021/8/9]

jQuery实现弹弹球小游戏

本文实例为大家分享了jQuery实现弹弹球小游戏的具体代码,供大家参考,具体内容如下 效果展示: CSS样式: #box { width: 600px; height: 650px; border: 5px so...[2021/8/9]

jQuery实现套选项卡功能

本文实例为大家分享了jQuery实现套选项卡功能的具体代码,供大家参考,具体内容如下 知识点总结: 1.siblings():兄弟元素,获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。 2.removeCla ():方法从被选元素移除一个或多个类。 3.addCla ():...[2021/8/5]

jQuery实现广告显示和隐藏动画

我们经常会看到几秒后出现了广告,显示了几秒后广告就消失了,下面就用JQuery框架来实现这个功能。 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...[2021/7/5]

如何使用Ajax实现简单的文件上传

如何使用Ajax实现简单的文件上传

如何使用Ajax实现简单的文件上传 一、起因 相信大家在做web项目中难免会遇到文件上传的业务需求,上传文件一般是通过表单来上传,但当我们不想使用表单时就可以通过Ajax的方式来上传文件,这里就给大家分享使用Ajax上传文件的方法。 二、web页面 这里我简单地写了一个Demo页面,由一个in...[2021/6/28]

jQuery对象与DOM对象的相互转化

jQuery对象和DOM对象都是获取到的页面节点对象,为什么还需要相互转化呢? 原因是在 jQuery 对象中无法使用 DOM 对象的任何方法,如 $("p").innerHtml 是错误的,因为它的写法是 $("p").html()。同样,DOM对象中也不能用 jQuery 对象中的...[2021/6/7]

jQuery常见事件的监听方式

在 Web 页面经常会有各种事件发生,事件发生后需要进行一些特定处理,即执行特定的函数或者语句。这就需要对事件进行监听,监听事件的常见方式有以下三种,本人将通过实例来具体介绍。 1.HTML标签内联事件 实例1:单击页面 "Hello" 按钮,弹出提示框显示 Hello world! &l...[2021/6/7]

JQuery总结 - 小杨-先生

目录一、jQuery介绍jQuery引入二、jQuery对象和DOM对象三、jQuery选择器基本选择器层级选择器基本筛选器属性选择器表单筛选器表单对象属性筛选器筛选器方法四、标签操作样式操作文本操作值操作属性操作文档操作五、事件事件绑定方式常用事件事件冒泡阻止事件冒泡事件委托六、补充页面载入动...[2021/6/7]

JavaScript与jQuery中——文档就绪函数的区别

1、文档就绪函数 JavaScript 的文档就绪函数 <script> window.onload = function() { alert("欢迎!") } < cript> jQuery 中的文档就绪函数 写法1 ...[2021/5/31]

jQuery的链式编程风格

jQuery的链式编程风格 首先本人通过一个案例来展示jQuery的链式编程风格。先写一个页面,展示一个列表,代码如下: <body> <div> <ul cla ="menu"> <li cla =...[2021/5/31]

初识Vue2(一):表单输入绑定(附Demo) - 熊泽-学习中的苦与乐

在线演示 http: demo.xiongze.net/ 下载地址 https: gitee.com/xiongze/Vue2.git js引用 <!--这里可以自己下载下来引用,也可以使用外部动态链接引用--> <script src="https: ...[2021/5/24]

jQuery 笔记

初识 console.log($ == jQuery);  true jQuery就是$  等价的   页面加载 $(document).ready(function(){}); 相当于原生window.onload(...[2021/5/17]

「学习笔记」jQuery-1

jQuery_1 学习目标: 能够说出什么是 jQuery能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器能够操作 jQuery 样式能够写出常用的 jQuery 动画 jQuery 介绍 J...[2021/5/6]

index详解

jQuery的 index 1.index() 获得向匹配的元素,从0开始计数。不给传递参数,返回值是 jQ对象的所有同辈的索引位置 ;如果传递选择器代表,在该选择器下的所有索引位置;如果传递具体的jQ对象返回这种对象中的具体索引 <ul> <li id="foo"&g...[2021/5/6]

jquery ui实现文字下拉联想

效果图:输入“伤寒”两个字,会自动联想下拉展示带有“伤寒”两个字的内容         前端用的是jquery ui做展示,后端数据接口是json数据 1.前端,引用jquery UI库,包括jquery-ui.min.js和jquery-...[2021/5/6]

如何使用CSS为文本或图像提供透明背景?

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在不将文本和背景作为两个单独的元素的情况下完成此操作。 仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明? 我想在不将文本和背景作为两个单独的...[2021/5/6]

jQuery中Ajax的使用

在使用原生Ajax发送一个请求时,过程多少有点繁琐,jQuery中对于Ajax请求有它自己的封装好的函数,使用起来分方便。 ?在jQuery中有专门的Ajax封装,具体参照JQuery-Ajax参考手册网址 这里用一段练习代码展示下使用方法: 使用要引入jQuery文件 <scrip...[2021/5/6]

如何在CSS中设置cellpadding和cellspacing

在HTML表格中,cellpaddingandcellspacing可以这样设置: <table cellspacing="1" cellpadding="1"> 使用CSS如何完成相同的工作? 解决方案: 基本 要在CSS中控制“ cellpadding”,您可以简单地...[2021/4/19]

jQuery实现影院选座订座效果

jQuery实现影院选座订座效果,供大家参考,具体内容如下 效果如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...[2021/4/12]

html中怎样获取子元素的索引位置

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值, 注意:索引值是从0开始计数的。 获得当前元素的索引值可用click事件触发 1 $(selector).click(function() { 2 num = $(this).index(); 3 } sel...[2021/4/12]

jquery对某个标签添加只读(readonly)或者禁用(disabled)属性

一、关于readonly属性 例1、jquery 设置readonly属性 $(''input'').attr("readonly","readonly") 将input元素设置为readonly $(''input'').removeAttr("readonly"); 去除input元素...[2021/4/12]

jQuery排序及应用(Tab栏特效的实现)

jQuery排序 eq()排序,可以看作是一个筛选方法 jQuery 中获得的对象,内部包含选择的一组原生 js 对象,在 jQuery 对象中会进行一个新的大的排序,这个排序与原来的 HTML 结构没有关系。 所以eq() 方法在 jQuery 对象中通过下标获取某个对象,下标是 jQu...[2021/4/6]

jQuery中的入口函数

jQuery中的入口函数 入口函数: 原生Js: window.onload * jQuery中的入口函数 语法1 $(document).ready(function(){ 获取元素 }); 语法2 $(function(){ 获取元素 }) ...[2021/4/6]

jQuery的几种显示隐藏方法

jQuery显示隐藏方法 hide()方法 元素隐藏,隐藏的前提必须是元素display:block; show()方法 元素显示,显示的前提必须是元素display:none; toggle()方法 在元素隐藏和显示之间进行切换 这三种方法设置的效果,在过程中还可以出...[2021/4/6]

jQuery的deferred对象详解

http: www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html   Query的deferred对象详解   作者: 阮一峰 日期:&nb...[2021/4/6]

jQuery的animate动画方法及动画排队问题解决

animate()动画方法 作用:执行c 属性集的自定义动画 语法:$(selector).animate(styles,speed,easing,callback) ? 参数1: c 的属性名和运动结束位置的属性值的集合。 ? 参数2:可选,规定动画的速度,默认是 "nor...[2021/4/6]

jQuery关系查找方法

jQuery关系查找方法 $(this):在原生的DOM操作中,事件函数内部都有一个this关键字指向的就是触发事件的事件源;在jQuery中将this关键字传递给$()方法,得到的就是指向自己的jQuery对象,这样就可以使用jQuery方法了. parent()父级:jQuery对象都有一个...[2021/3/29]

jQuery链式调用

链式调用 jQuery对象调用任何方法(除了节点关系方法)执行完后,方法都会有一个返回值,返回值就是jQuery对象自己,这个现象给我们提供了便利,可以对执行结果继续打点调用jQuery的方法和属性。即——可以使用jQuery对象进行连续打点调用 console.log($(this)....[2021/3/29]

了解jQuery

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库 jQuery下载地址: http: jquery.com/download/ https: www.bootcdn.cn/jquery/ 使用过程中,具体参考 API 应用手册 https: jquery.cui...[2021/3/29]

jQuery选择器及操作类名的方法

jQuery选择器 c 2.1和c 3选择器 参数:必须是字符串格式的选择器 <div cla ="box" id="box"> <p>1</p> <p>2</p> </div> <p>hel...[2021/3/29]

jQuery常用事件方法——mouseenter、mouseleave、hover方法

jQuery常用事件方法——mouseenter、mouseleave、hover方法

jQuery常用事件方法 jQuery事件方法与原生Js事件方法名称类似,不需要写on,通过jQuery对象打点调用,括号内参数是事件函数 mouseenter()方法:鼠标进入一个元素触发的事件 mouseleave()方法:鼠标离开一个元素触发的事件 注意:mousee...[2021/3/29]

jQuery其他关系查找方法

jQuery其他关系查找方法 find()后代元素:传递一个规定的选择器作为参数,查找范围是jQuery对象的所有后代 * 兄弟元素 紧邻的兄弟元素方法: * next()下一个兄弟 * prev()前一个兄弟 多选方法 * nextAll()后面所有兄弟 *...[2021/3/29]

Ajax中文手册

Ajax中文手册

  AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。Ajax的概念由杰西·詹姆士·贾瑞特所提出。   传统的Web应用允许用户端填写表单(form),...[2021/3/8]

Vue 前端验证码 - canvas Rem布局自适应 - 跨域问题

?前言 在vue项目中,登录界面必不可少。简单项目里,验证码通常由数字字母构成。一般有两种产生方式:前端,后端。后端生成,前端直接调用接口,将返回的url放入a标签即可。而前端生成,则大多用canvas画布实现,如何让验证码随屏幕大小变化,还能保持原样不失真,这就是我们要实现的功能。当然,在...[2021/3/1]

省市区三级联动下拉选

省市区三级联动下拉选

这是一个整合过的小DEMO,我自己在做项目的时候经常会用到这类菜单,于是拿出来分享给大家,支持一级二级三级菜单,二三级可联动,数据来源为字典项,话不多说直接上图。   1.三级联动省市区下拉选       2.二级市区联动下拉选  ...[2021/2/18]

vue页面交互-弹窗关闭后刷新父页面时取消选中数据展示列表里的复选框

vue页面交互-弹窗关闭后刷新父页面时取消选中数据展示列表里的复选框

#cnblogs_post_body .video { height: 0; padding-bottom: 56.25%; position: relative; width: 100% } #cnblogs_post_body .video iframe { position: abs...[2021/2/1]

【swiper】swiper在tab切换的时候,swiper不生效,当display:none 后 再次显示 无法自动滑动问题解决方案。。。。★★★★★★【完美解决display:none 导致的2大问题】

问题是这样的: 当你兴高采烈的写完一个tab,并且把swiper嵌入到每一个tab item 觉得大功告成的时候,你会发现,永远只有第一个tab上的swiper生效了,其余的不管你怎么切换,swiper总是初始化失败,是的,就是不能愉快的滚动了~ 方法一、官网给出的解决方案是,使用ob...[2021/2/1]

初涉Ajax

预备知识 JavaScript 引入javaScript , < script > 函数 选择器 标签选择器 类选择器 . id选择器 # jQuery公式 $(选择器).事件(参数) $(select).action(...) Ajax ...[2021/2/1]

jQuery实现Checkbox复选框全选、全不选、反选等功能

前段时间使用JavaScript写了一个简易版的Checkbox全选全不选功能 于是最近使用jQuery完善了Checkbox的反选、提交等功能,以下为完整代码: <!DOCTYPE html> <html lang="en"> <head> ...[2021/2/1]

jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能

jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能

最近在学习jQuery时接触到了show()、hide()、toggle()函数,于是利用这几个函数练习了一个使元素显示隐藏的案例: 小提示:代码中切换按钮上下的小图标可以在此链接品牌展示功能图片中获取 <!DOCTYPE html> <html lang=...[2021/2/1]

jQuery使用appendTo()函数实现Select下拉列表项的左右移动

jQuery使用appendTo()函数实现Select下拉列表项的左右移动

今天jQuery学习到appendTo()函数时,定义为在被选元素的结尾插入HTML元素。 于是利用该函数做了两个Select下拉列表项左右选择移动的功能,以下为完整代码: <!DOCTYPE html> <html lang="en"> <head...[2021/2/1]

jQuery使用鼠标事件实现图片跟随效果

前段时间学习完jQuery中的show()、hide()函数后,又学习到了很多其他函数 最近接触到了鼠标事件中的mouseover()和mouseout()函数,于是结合两者做了一个图片跟随的练习,以下为完整代码: 小提示:代码中的图片可以在此链接图片跟随案例图片中获取 &...[2021/2/1]

jQuery使用appendTo()和remove()函数实现动态添加和删除行数据功能

最近在学习jQuery的时候,学习到了appendTo()和remove()函数 于是利用两者做了一个模拟动态添加和删除行数据的案例,以下为完整代码: <!DOCTYPE html> <html lang="en"> <head> &l...[2021/2/1]

温习数据算法—贪吃蛇 - 熊泽-学习中的苦与乐

温习数据算法—贪吃蛇 - 熊泽-学习中的苦与乐

前言 很多朋友学习了计算机语言后都做过贪吃蛇的游戏(VB,C,C++,C#,JAVA,JQuery等),现在估计很多人都忘记怎么写了。 我们现在用jquery+c 来实现一个贪吃蛇的游戏效果。 这里主要温习一下数据算法、游戏中面向对象和由局部到整体的思想。   &...[2021/1/25]

jQuery - 不同版本的差异對比

jQuery 一共分了 1.x、2.x、3.x 这三个大版本。 jQuery 的版本都是不向后兼容的! jQuery 的版本都是不向后兼容的! jQuery 的版本都是不向后兼容的!重要的事情说三遍哈 一、1.x、2...[2021/1/18]

jQuery实现手风琴特效

本文实例为大家分享了jQuery实现手风琴的具体代码,供大家参考,具体内容如下 运用jQuery效果(功能如下): 代码(链式编程): <!DOCTYPE html> <html lang="en"> <head> <m...[2021/1/11]

jQuery实现购物车全功能

本文实例为大家分享了jQuery实现购物车全功能的具体代码,供大家参考,具体内容如下 效果图: HTML&&CSS: <!DOCTYPE html> <html lang="en"> <head> <m...[2021/1/11]

103
2
记录数:762 页数:1/1612345678910下一页尾页
加载更多
 友情链接: NPS