随笔分类 - JS/jQuery
1
摘要：代码： <!-- * @Description: 一个博客页面布局，加上一些CSS和JS样式 * @Author: zhangyh * @Date: 2024-06-29 15:25:16 * @LastEditTime: 2024-06-29 23:06:12 * @LastEditors: zh
阅读全文
摘要：<script> // 当前时间：curTime var curTime = new Date("2023-12-10 17:32:46"); // 当前时间加上XXX秒后的新时间：addSeconds var addSeconds = new Date(curTime.setSeconds(cur
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <!-- 引入jQuery --> <script src="jq.js"></script> </head> <body> <!-- 刷新按
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <!-- 引入jQuery --> <script src="jq.js"></script> </head> <body> <scr
阅读全文
摘要：<!-- 引入jQuery.js --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <!-- 准备一个将要展示的<div>，它的默认状态为隐藏（display: none） -->
阅读全文
摘要：链式操作，即连续操作。 例如： <!DOCTYPE html> <html> <head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> <script> $(document).re
阅读全文
摘要：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script> 1、先让整个页面默认隐藏 body { display: none; } 2、然后 $(document).ready(function(
阅读全文
摘要：<!-- jquery模态框 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*隐藏*/ .hide{ display:none; } /*弹出的模
阅读全文
摘要：urlpatterns = [ path('admin/', admin.site.urls), path('login/',views.login), path('get_validCode_img/',views.get_validCode_img), path('index/',views.i
阅读全文
摘要：slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。 例子：一个简单的下拉菜单效果 > <!DOCTYPE html> <html> <head> <meta charset="utf-8">
阅读全文
摘要：jQuery.extend(object) 扩展jQuery对象本身。 用来在jQuery命名空间上增加新函数。 在jQuery命名空间上增加两个函数: <script> jQuery.extend({ min: function(a, b) { return a < b ? a : b; }, m
阅读全文
摘要：/* //基本 show([s,[e],[fn]]) 显示元素 hide([s,[e],[fn]]) 隐藏元素 //滑动 slideDown([s],[e],[fn]) 向下滑动 slideUp([s,[e],[fn]]) 向上滑动 //淡入淡出 fadeIn([s],[e],[fn]) 淡入 fa
阅读全文
摘要：1 - 文本操作 /* $("选择符").html() // 读取指定元素的内容,如果$()函数获取了有多个元素,则提取第一个元素 $("选择符").html(内容) // 修改内容,如果$()函数获取了多个元素, 则批量修改内容 $("选择符").text() // 效果同上,但是获取的内容是纯文
阅读全文
摘要：/* 三种用法: 1. on 和 off // 绑定事件 $().on("事件名",匿名函数) // 解绑事件,给指定元素解除事件的绑定 $().off("事件名") 2. 直接通过事件名来进行调用 $().事件名(匿名函数) 3. 组合事件,模拟事件 $().ready(匿名函数) // 入口函数
阅读全文
摘要：1 - 直接查找 （1）基本选择器 /* #id # id选择符 element # 元素选择符 .class # class选择符 selector1, selector2, selectorN # 同时获取多个元素的选择符 $("#id") $(".class") $("element") $(
阅读全文
摘要：1 - onload 事件：加载完成后立即执行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function (){ ele
阅读全文
摘要：<标签名 属性1=“属性值1” 属性2=“属性值2”……>文本</标签名> 1 - 文本操作 <div class="c1"><span>click</span></div> <script> var ele =document.querySelector(".c1"); ele.onclick =
阅读全文
摘要：1 - 静态绑定：直接把事件写在标签元素中 <div id="div" onclick="foo(this)">click</div> <script> function foo(self){ // 形参不能是this; console.log("foo函数"); console.log(self)
阅读全文
摘要：1 - 直接查找标签 // 方式1：获取元素 document.getElementsByTagName("标签名") document.getElementById("id值") document.getElementsByClassName("类名") // 方式2：css选择器： docume
阅读全文
1
