jQuery经验 - 技术经验

jQuery实现点击按钮弹出可拖拽模态对话框完整实例【测试可用】[原创]

c 部分： .dialog { display: none; /* 初始隐藏 */ position: absolute; width: 300px; height: 200px; top: 50px; left: 50px; background-c...[2023/4/26]

JQuery如何按name属性选择元素

目录JQuery按name属性选择元素方法1：使用name属性选择器方法2：使用javascript按名称获取元素并将其传递给jQueryjquery name选择器总结 JQuery按name属性选择元素方法1：使用name属性选择器 name属性选择器可用于按name属性选择元素。此选...[2023/3/6]

jquery和js显示和隐藏div的几种方法对比整理

目录JS隐藏和显示div的方式有2种：方式一：设置元素style对象中的display属性方式二：设置元素style对象中的visibility属性jquery控制div的显示与隐藏方式有4种：方法一、通过jquery的show()、hide()方法，设置div隐藏方法二、toggle()切换元素的...[2023/2/13]

jQuery事件注册的实现示范

目录jQuery 事件注册事件处理 jQuery 事件注册事件注册on优势1：多个事件绑定 on()方法可以在匹配元素上绑定一个或多个事件处理函数语法：element.on(events,[selector],fn) events：一个或多个用空格分隔的事件类型例如：click，k...[2022/7/19]

Jquery实现下拉菜单案例

本文实例为大家分享了Jquery实现下拉菜单的具体代码，供大家参考，具体内容如下需要实现的结构如下图：关于布局：布局采用ul里面包含4个li，li里面包含a标签（微博）以及ul（下面的下拉菜单），采用hover改变移动到下拉菜单后背景变色。关于功能：首先利用jq...[2022/7/4]

jQuery实现扫雷小游戏

本文实例为大家分享了jQuery实现扫雷小游戏的具体代码，供大家参考，具体内容如下扫雷小游戏实现思路：设计为9*9简单面板，每次随机生成10颗雷，然后计算每颗雷周围八个位置上每个位置应该标记的数字（该数字表示此位置周围八个位置上存在雷的数量），基本原理大致如此。交互问题以简单的方式实现...[2022/5/9]

jQuery实现简单五子棋游戏

本文实例为大家分享了jQuery实现五子棋游戏的具体代码，供大家参考，具体内容如下五子棋小游戏实现的基本思路：以15*15标准面板为棋盘布局，黑白棋子交替下棋。每落下一枚棋子就判断横向，竖向，左斜向，右斜向这四种方向上是否存在和该子颜色相同并且组成了连续五子的情况，如果存在，则提示赢棋...[2022/5/9]

jQuery实现选项卡嵌套效果

本文实例为大家分享了jQuery实现选项卡嵌套效果的具体代码，供大家参考，具体内容如下描述： 1.划上底部a的每一个菜单让顶部的标签span的内容变成对应的a的内容 2.划上左边的li 切换到右侧对应的div <!DOCTYPE html> ...[2022/3/29]

jquery实现表格行拖动排序

本文实例为大家分享了jquery实现表格行拖动排序的具体代码，供大家参考，具体内容如下引入JS <script src="jquery.min.js">< cript> <script src="jquery-ui.min.js">< crip...[2022/2/22]

jQuery实现表格的数据拖拽

jQuery实现将一个ant-table的数据拖拽复制到另一个ant-table，供大家参考，具体内容如下需求 1、ant-design-vue2、将一个嵌套在drawer中的table数据拖拽复制到drawer外面的table中效果拖拽中拖拽后 HTML ...[2022/2/22]

详解jQuery的拷贝对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...[2021/11/22]

详解jquery方法属性

目录1.jquery简介2.jquery选择器2.1基本选择器5种2.2 关系选择器4种2.3基本过滤选择器8种2.4内容过滤选择器4种2.5可见性过滤选择器2种2.6属性过滤选择器8种2.7子元素过滤选择器(4种)2.8表单属性过滤选择器(4种)2.9表单选择器(11种)3.jQuery中的DOM...[2021/11/9]

jquery项目中如何防重复提交详解

在新项目中，axios能实现防重复提交的功能，不过老项目（例如jQuery）的项目中，没有axios。但是导入Ajax-hook 就可以实现 Ajax-hook源码地址 : https: github.com/wendux/Ajax-hook 导入 <script sr...[2021/11/8]

jQuery呼吸轮播图制作原理详解

本文实例为大家分享了jQuery呼吸轮播图制作原理的具体过程，供大家参考，具体内容如下轮播图：carousel 呼吸轮播图变种布局重点：所有的图片摞一起。 jquery选择元素的能力非常好，但是我们习惯将用到的元素，提前保存到变量。通常我们使用id选中元素。一般我们以$box。左右按...[2021/10/19]

jquery实现百叶窗效果(利用li的定位)

本文实例为大家分享了jquery实现百叶窗效果的具体代码，供大家参考，具体内容如下大概思路：一个div（宽度为800px），里面包含ul和li，li的宽高分别设置为560px，300px（li里的图片也是这个宽高）。li设置绝对定位，div设置相对定位。 .no0{ left:0; }...[2021/10/19]

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实现简单的文件上传一、起因相信大家在做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常用事件方法 jQuery事件方法与原生Js事件方法名称类似,不需要写on,通过jQuery对象打点调用,括号内参数是事件函数 mouseenter()方法:鼠标进入一个元素触发的事件 mouseleave()方法:鼠标离开一个元素触发的事件注意:mousee...[2021/3/29]