jQuery
关注
分享
扫一扫
jQuery
HqL丶1024
这个作者很懒，什么都没留下…
展开
-
jquery点击展开和缩放内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...原创 2020-04-22 11:41:28 · 215 阅读 · 0 评论 -
jquery循环遍历循环数值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...原创 2020-04-22 11:38:54 · 1066 阅读 · 0 评论 -
html使用jq
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min....原创 2020-04-17 16:12:48 · 274 阅读 · 0 评论 -
jq循环渲染并定义data取值
var items = '' for (let i = 0; i < res.data.length; i++) { items += ` <div class="list"> <div class="prize">${res.data[i].prize_name}</div> ...原创 2020-03-10 13:08:35 · 1109 阅读 · 0 评论 -
jq上拉下拉动画
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum...原创 2020-03-10 11:27:35 · 263 阅读 · 0 评论 -
简单的点击展开和回缩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&g...原创 2020-02-12 14:56:04 · 418 阅读 · 0 评论 -
jquery.qrcode生成带logo二维码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jquery.qrcode生成二维码</title></head><style> .hidden { display:...原创 2020-01-17 11:17:15 · 334 阅读 · 0 评论 -
大转盘可连续抽奖
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>jqueryrotate积分抽奖效果演示</title> <style> * { margin: 0;...原创 2020-01-06 11:01:32 · 137 阅读 · 0 评论 -
jq-weui的picker选择器获取数组里的ID
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css"> <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css"> ...原创 2019-12-24 17:19:52 · 1185 阅读 · 1 评论 -
函数防抖，节流
var fandou = true $(".begin").click(function () { if (fandou){ $.ajax({ type: "post", //请求方式 url: "", ...原创 2019-12-16 09:14:39 · 106 阅读 · 0 评论 -
一行文字或多行文字自动向下滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min....原创 2019-12-12 15:06:24 · 499 阅读 · 0 评论 -
图片形式的input框选中并拿值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-12-09 09:37:58 · 210 阅读 · 0 评论 -
jQuery限制复选框checkbox的选中次数
<div class="one"> <input type="checkbox" name="checkbox" value="A"> </div> <div class="two"> <input type="checkbox" name="checkbox" value=...原创 2019-12-09 09:23:36 · 207 阅读 · 0 评论 -
一块文本上下滚动
css .gundtwo { margin:20px; } .gundtwo ul, li { margin: 0; padding: 0 } #scrollDiv { width: 23%; height: 23%; min-height: 23%; line-h...原创 2019-12-04 14:04:10 · 234 阅读 · 0 评论 -
h5获取手机验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>禾葡兰新人免费体验装</title> <script src="http://cdn.suoluomei.com/common/js2.0/vue/v2.5....原创 2019-11-25 16:04:15 · 1943 阅读 · 0 评论 -
jQuery判断input框的值
$("#date").change(function (e) { var time = $(this).val().match('满员'); if (time) { $(this).val('') } });原创 2019-11-25 16:03:36 · 1051 阅读 · 0 评论 -
echarts折线图插件
css .lineBox { width: 38rem; }html <div id="Vue"> <div class="lineBox"> <div id="main" style="width:100%;height:400px;"> </div>...原创 2019-10-15 14:26:33 · 796 阅读 · 0 评论 -
web端js实现下拉加载更多
js代码实现：$(function(){ $(window).scroll(function() { var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height(); var positionValue = (scrollTop ...原创 2019-11-21 11:53:45 · 448 阅读 · 0 评论 -
jq引入其他页面的导航
$(document).ready(function () { $("#head").load("./head.html") })原创 2019-11-21 11:53:29 · 347 阅读 · 0 评论 -
PC端大转盘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-21 11:52:38 · 680 阅读 · 0 评论 -
H5的JQ上传图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-11-21 11:50:06 · 250 阅读 · 0 评论 -
ios 键盘顶起页面，页面不会回滚的问题
$(document).on('focusout',function () { document.body.scrollTop = document.documentElement.scrollTop = 0 })原创 2019-11-21 11:47:34 · 194 阅读 · 0 评论 -
年月日带个零
<script> function getNowFormatDate(){ var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; //初始化时间 //...原创 2019-11-21 11:47:17 · 196 阅读 · 0 评论 -
一块文本的自动滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>一块文本的自滚动</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4....原创 2019-11-21 11:46:06 · 192 阅读 · 0 评论 -
引入VUE单行文字滚动,更加实用
css .scroll-box { top: 0; overflow: hidden; display: inline-block; height: 40px; line-height: 40px; margin: 5px 0; } .scroll-box.on { ...原创 2019-11-21 11:45:40 · 543 阅读 · 0 评论 -
HTML添加背景音乐，可暂停播放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- <embed src="https://sucai.suoluomei.cn/sucai_zs/video/2019...原创 2019-11-06 17:36:33 · 1725 阅读 · 0 评论 -
上传图片压缩后回显页面
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>前端压缩上传图片</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"><...原创 2019-11-07 17:55:18 · 249 阅读 · 0 评论 -
jQ获取手机号实现倒计时
<input type="button" class="code" value="获取验证码"> $('.code').click(function () { let count = 60; const countDown = setInterval(() => { if (count == 0) { ...原创 2020-03-14 13:57:56 · 267 阅读 · 0 评论