jquery
关注
分享
扫一扫
dae bal
随记
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery实现表格横向纵向滚动（横向滚动时左侧固定前几列）
【代码】jquery实现表格横向纵向滚动（横向滚动时左侧固定前几列）原创 2023-05-19 16:37:30 · 623 阅读 · 0 评论 -
tab切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{padding: 0;margin: 0;} ul{list-style: none;} li *{border: 1px solid #f5f5f5;} i{font-size: 12px;}原创 2022-04-11 16:27:51 · 251 阅读 · 0 评论 -
实现手机号输入框 （3-4-4格式）
<html lang="en"> <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>实现手机号输入框 （3-4-4格式）</原创 2021-12-27 17:26:06 · 1920 阅读 · 0 评论 -
页面锚点跳转
<script> $('#Btn1').click(function() { $('html,body').animate({ scrollTop: $("#Box1").offset().top - 100 }, 400);}); $('#Btn2').click(function() { $('html,body').animate({ scrollTop: $("#Box2").offset().top - 100原创 2021-12-01 17:29:07 · 542 阅读 · 0 评论 -
jq实现给某个字段加样式
示例一：<script type="text/javascript"> $('body').html(function(i,oldHTML){ return oldHTML.replace(/®/g,'<sup>®</sup>'); })</script>示例二：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit原创 2021-11-19 09:33:21 · 688 阅读 · 0 评论 -
jq实现表格冻结窗格的样式
图示：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>冻结窗格</title> </原创 2021-11-15 11:02:19 · 552 阅读 · 0 评论 -
jq获取页面元素的高度与实际不符合
问题：原本盒子的高度是110，然后console出来是22，就很奇怪；解决：后来把js放在了$(function(){});里面就正常了原创 2021-08-31 16:02:17 · 1470 阅读 · 0 评论 -
jQuery cxCalendar 日期选择器插件
下载地址：GitHub：https://github.com/ciaoca/cxCalendar/原创 2021-08-06 09:58:05 · 260 阅读 · 0 评论 -
登录注册页面
图示：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登录系统</title> <script src="/LinkPHP/Tpl/Home/Default/Public/pintuer原创 2021-08-02 15:16:15 · 1146 阅读 · 0 评论 -
遮罩层随鼠标方向移动的效果
写法一：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>遮罩层随鼠标方向移动</title> <script src="./jquery-3.2.1.min.js"></.原创 2020-12-04 14:24:00 · 439 阅读 · 0 评论 -
web——效果插件
网址：https://fancyapps.com/fancybox/3/快速开始：//引用<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.m原创 2020-12-02 13:55:51 · 156 阅读 · 0 评论 -
jQuery写的广告弹窗
<style>.Tpiaochuan { background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center / 100% 100%; display: none; height: 300px; left: 50%; margin-left: -250px; margin-top: -185px; opacity: 0.9; position: fixed; .原创 2020-11-23 16:51:49 · 249 阅读 · 0 评论 -
jquery设置图片比例
phtml：<img src="" width="100%" height="" proportion="<?php if($moduleset['proportion']){ echo $moduleset['proportion'];}else{ echo $layout_sys_config['proportion'];}?>"/>js： // 图片比例 $(document).find("img[height]").attr("height",fun.原创 2020-11-23 14:04:58 · 366 阅读 · 0 评论 -
jquery实现缓慢返回顶部
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> </head> <style> body { height: 1900px; } .原创 2020-10-12 10:52:51 · 762 阅读 · 0 评论 -
jQuery实现滚动到底部时自动加载更多的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> <title>滑动</title> <script src="http://libs.原创 2020-10-12 10:37:15 · 1080 阅读 · 0 评论 -
jquery实现图片的跑马灯效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="jquery-3.2.1.min.js"></script> <st.原创 2020-10-12 09:56:31 · 1758 阅读 · 1 评论 -
css美化半个字符的示例
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style> .halfStyle { position:relative; d.原创 2020-09-29 18:09:24 · 132 阅读 · 0 评论 -
用jquery写的五星好评
html <p>五星好评: <span data-number="1">☆</span> <span data-number="2">☆</span> <span data-number="3">☆</span> <span data-number="4">☆</span> <span data-number="5">☆</span> <s.原创 2020-09-18 09:31:55 · 287 阅读 · 0 评论 -
js和jq实现简单的乘法
html <input type="number" class="aa" value="" id="aaa"/>* <input type="number" class="bb" value="" id="bbb"/> <button id="btn">提交</button> <input type="number" class="cc" value="" id="ccc"/>js window.onload=function原创 2020-09-17 09:50:23 · 1321 阅读 · 0 评论 -
获取属性值
JavaScript 操作<input type="text" id="txtBox" displayName="123456" />var obj = document.getElementById("txtBox");// 读取obj.getAttribute("displayName");obj.attributes["displayName"].nodeValue...原创 2019-10-22 17:17:01 · 663 阅读 · 0 评论 -
jquery如何点击获取当前元素的文本值
html<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>jquery$(function(){ $("ul").find("li").each(function(i){ $(this).click(function(){ $("h2")...原创 2020-09-16 14:38:13 · 3948 阅读 · 0 评论 -
jquery和js把一个标签的文本值赋给另一个标签
$(function(){ a=$(".on").find("a").text(); $(".on2").text(a); })原创 2020-09-15 17:00:55 · 1977 阅读 · 0 评论 -
jq刷新当前页面
参考：https://www.cnblogs.com/whx123/p/12145731.html原创 2020-08-03 11:03:59 · 447 阅读 · 0 评论 -
顶部导航栏滚动样式
css.mini{background-color: rgba(0, 0, 0, 0.5);-webkit-transition: background 1s;-o-transition: background 1s;transition: background 1s;}js<script> $().ready(function(){ $(window).scroll(function(){ var top = $(".header4").offset().top;原创 2020-06-30 16:06:34 · 996 阅读 · 0 评论 -
jquery手册
《jQuery设计思想》原文：http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html《jQuery最佳实践》原文：http://www.ruanyifeng.com/blog/2011/08/jquery_best_practices.htmljQuery的deferred对象详解http://www.ru...原创 2019-08-29 17:47:17 · 149 阅读 · 1 评论 -
jQuery全屏滚动插件fullPage.js
查看演示和下载的地址：http://www.jq22.com/jquery-info1124官方网址：http://fullpage.81hu.com/下面这个网站就用了fullpage加animate来做的全屏滚动加显示的动画，用bootstarp框架来实现响应式布局。网址：http://www.xlhd.net...原创 2019-12-18 09:21:36 · 195 阅读 · 0 评论 -
jquery里面判断分辨率给元素加样式
if($(window).width()<768){$('#images-demo5').removeClass('swiper-no-swiping').parent().css('padding','0 15px');}原创 2020-03-17 09:38:26 · 356 阅读 · 0 评论 -
jquery通过判断当前屏幕的分辨率来设置当前显示字体的大小
<script type="text/javascript">var window_width = $(window).width();if(window_width < 320){ window_width = 320;}var global_font_size = window_width/100;$("html").css("font-size",global...原创 2020-03-17 14:15:59 · 604 阅读 · 0 评论 -
jquery提交表单验证示例代码
用的拼图写的<script> $(function() { $("#btnAjaxSubmit").click(function() { var username=$("#ajaxForm").find("#username").val(); var userphone=$("#ajaxForm").find("#...原创 2020-04-24 11:31:31 · 1157 阅读 · 0 评论 -
jQuery事件绑定on()、bind()与delegate() 方法详解
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div> <button id="btn">.转载 2020-05-20 18:01:40 · 233 阅读 · 1 评论