Jquery
关注
分享
扫一扫
Amazon Translator
少走弯路
展开
-
跟随鼠标坐标 从左到右改变图片的展示
jquery 实现 跟随鼠标在屏幕中的坐标 实现图片的从左到右进行改变原创 2022-10-13 16:16:48 · 193 阅读 · 0 评论 -
判断是什么手机设备访问的网页
jq 判断移动端 操作系统原创 2022-07-19 15:45:22 · 117 阅读 · 0 评论 -
jq-颜色选择器 所见即所得
<input type="color" oninput="seget()" id="bgColor"> <p></p> <script type="text/javascript"> $('#bgColor').bind('input propertychange', function () { // console.log($(this).val()); let bgCol = $(this).val(); ..原创 2022-04-27 13:54:44 · 372 阅读 · 0 评论 -
Jq-实时获取Input 的值
<body> <input type="text"> <p></p></body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">原创 2022-04-27 11:45:48 · 1127 阅读 · 0 评论 -
jquery 滚动条的隐藏与展示
// html 滚动条显示 $('html').css({ "overflow-x":"auto", "overflow-y":"auto" }); // html 滚动条隐藏 $('html').css({ "overflow-x":"hidden", "overflow-y":"hidden" }); // 可根据自己的代码来操控滚动条的展示...原创 2022-04-06 11:35:28 · 1391 阅读 · 0 评论 -
jquery 实现图片预加载
<script type="text/javascript"> // 预加载 function preloadImg(list, imgs) { var def = $.Deferred(), len = list.length; $(list).each(function(i, e) { var img = new Image(); img.src = e; if (img.complete) { imgs[i] = img; len--;原创 2022-04-06 11:17:37 · 1767 阅读 · 0 评论 -
jquery 点击按钮 实现按下去的效果
<div class="downloadImg"> <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.51yuansu.com%2Fpic3%2Fcover%2F01%2F01%2F91%2F58de87033fe22_610.jpg&refer=http%3A%2F%2Fpic.51yuansu.com&app=2002&size=f9999,10000&q=a80&a原创 2022-03-31 17:44:24 · 2062 阅读 · 0 评论 -
jquery 实现吸顶效果代码(导航)
如果滚动大于50，就改变导航的定位方式（根据窗口定位固定，距离顶部0px 吸顶，宽度100%），否则就默认（绝对定位 并与头部 70像素）$(function(){ $(window).scroll(function(){ if($(window).scrollTop()>50){ $("#nav").css({"position":"fixed","top":0,"width":"100%"}); }e原创 2022-02-23 10:18:37 · 1005 阅读 · 0 评论 -
点击元素 出现漂浮表情包（源码）
点击 元素 出现往上漂浮表情包（可任意修改图片，如爱心等）原创 2021-12-20 18:12:59 · 2793 阅读 · 0 评论 -
点击出现烟雾
示意图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ background-color: #000000; } #hi{ pos原创 2021-12-20 17:48:41 · 135 阅读 · 0 评论 -
删除a标签 href里特定的值
<script type="text/javascript"> // 找到需要更改的a标签 获取href var arr = $('a').attr('href'); //修改 arr内容里带有/news 的字符串（此内容是a标签的href值） var uarr = arr.replace('/news', ''); // 最后插入到a标签中 $("a").attr("href",parr); console.log(parr); </script>.原创 2021-09-27 16:27:11 · 482 阅读 · 0 评论 -
swiper动态加载数据滑动失效,ajax执行后swiper.js的效果消失问题
swiper动态加载数据滑动失效,ajax执行后swiper.js的效果消失问题$.ajax({ type:"get", url:finalUrl, dataType:"json", success:function(data){ $("#reportList").empty(); for(var i=0;i<reportLength;i++){ var url="'"+"reportDetial.html"+l原创 2021-07-26 10:21:28 · 204 阅读 · 0 评论 -
js阻塞
js阻塞介绍需了解的东西1. 异步编程概念2. Js 单线程渲染线程和JS线程解决Js 阻塞问题介绍本文将介绍 js 阻塞的相关知识，以及解决办法需了解的东西1. 异步编程概念异步是什么？简单来说就是把要执行的东西在某个时间段内一块执行。2. Js 单线程众所周知Js 的执行是从上至下的，Js同一个时间只能做一件事。所有任务需要排队，前一个任务结束，才会执行后一个任务。 如果前一个任务耗时很长，后一个任务就会等着前面的任务执行完成再执行。渲染线程和JS线程两个任意一个在运行的时候，另原创 2021-04-30 16:25:02 · 1101 阅读 · 2 评论 -
jQuery 复制文本内容到剪贴板
jQuery 实现将文本复制到剪贴板原创 2021-04-01 11:28:01 · 6745 阅读 · 4 评论 -
将网页class 为 textp 的所有信息单独弄出来放在一个元素内
<body><p class="textp">这里是信息1</p><p class="textp">这里是信息2</p><p class="textp">这里是信息3</p><p class="textp">这里是信息4</p></body><script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jqu原创 2021-03-31 15:51:31 · 179 阅读 · 0 评论 -
jQuery 实现鼠标滚动图片 放大缩小
<!DOCTYPE html><!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script src="htt原创 2021-03-30 16:41:46 · 1276 阅读 · 1 评论 -
前端实现点击弹出视频展示模块
最终效果代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>点击按钮展示原创 2021-03-27 16:23:31 · 2560 阅读 · 3 评论 -
jQuery 实现数组分组展示
jQuery 实现数组分组展示 // 创建一个对象数组 var obj = [ {'id':'1','name':'name1','age':'21'}, {'id':'2','name':'name2','age':'22'}, {'id':'3','name':'name3','age':'23'}, {'id':'4','name':'name4','age':'55'}, {'id':'5','name':'name5'原创 2021-03-25 17:38:30 · 1612 阅读 · 0 评论 -
jQuery 获取不到 textarea，值为空问题
使用jQuery 的val(); 获取；如：html：<textarea name="con" type="text" id="Rtest"></textarea>jq：var textarea = $("#Rtest").val();注意：一定要在html 中的textarea标签中加入 type="text" 这个属性，，不然就获取不到数据。...原创 2021-03-13 09:58:09 · 2207 阅读 · 6 评论