前端
关注
分享
扫一扫
无名`
这个作者很懒，什么都没留下…
展开
-
jq之animate（）队列
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:45:41 · 99 阅读 · 0 评论 -
jq之callback
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:40:37 · 107 阅读 · 0 评论 -
jq之slideDown() stop()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:40:23 · 214 阅读 · 0 评论 -
jq之方法链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:39:50 · 143 阅读 · 0 评论 -
jq之省市区级联插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市区</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"></head>&.原创 2022-01-11 08:26:19 · 571 阅读 · 0 评论 -
fadeToggle()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:23:30 · 134 阅读 · 0 评论 -
jq之text（） html（）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:22:27 · 130 阅读 · 0 评论 -
jq设置内容和属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-09 08:24:43 · 135 阅读 · 0 评论 -
jq之attr（）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:21:34 · 139 阅读 · 0 评论 -
jq之无callback，有 alert hide
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:40:02 · 146 阅读 · 0 评论 -
jq之animate（） toggle
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:45:55 · 237 阅读 · 0 评论 -
jq之slideup（）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-13 08:47:01 · 186 阅读 · 0 评论 -
jq之div hide slow
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-18 18:06:10 · 198 阅读 · 0 评论 -
jq之blur
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:22:44 · 147 阅读 · 0 评论 -
jq之mouseup
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:23:05 · 130 阅读 · 0 评论 -
jq之mouseleave()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:23:43 · 177 阅读 · 0 评论 -
jq之mouseenter
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-10 21:23:53 · 357 阅读 · 0 评论 -
jq之事件
1.点击事件$("p").click();2.dblclick()双击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.mi原创 2022-01-10 21:24:03 · 57 阅读 · 0 评论 -
jq之$(“tr:even“).css(“background-color“,“yellow“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-19 07:33:06 · 177 阅读 · 0 评论 -
jq之$(“tr:odd“).css(“background-color“,“red“)；
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-19 07:33:13 · 398 阅读 · 0 评论 -
jq之$(“:button“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击p段落，把它们隐藏</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script.原创 2022-01-19 07:33:32 · 235 阅读 · 0 评论 -
jq之$(“a[target=‘_blank‘]“)不隐藏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-19 07:33:50 · 93 阅读 · 0 评论 -
jq之$(“a[target=‘_blank‘]“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-08 09:27:42 · 186 阅读 · 0 评论 -
jq之$(“[href]“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-08 09:20:52 · 239 阅读 · 0 评论 -
jq之$(“ul li:first-child“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.转载 2022-01-08 09:15:07 · 99 阅读 · 0 评论 -
jq之$(“ul li:first“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-08 09:12:23 · 337 阅读 · 0 评论 -
jq之$(“p:first“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-08 09:04:28 · 139 阅读 · 0 评论 -
jq之$(“p.test“)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.原创 2022-01-08 09:00:13 · 183 阅读 · 0 评论 -
jq之$(“*“)隐藏所有元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击p段落，把它们隐藏</title> <!--线上jq库--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script.原创 2022-01-08 08:54:08 · 415 阅读 · 0 评论 -
jq之元素选择器
1.$("p")选取所有<p>元素2.$("#test")选取id为test的元素，因id是唯一的选的就是唯一的3.$(".test")选取class为test的所有元素4.css选择器$("p").css("color","red");把所有p元素的颜色变红原创 2022-01-08 08:43:10 · 484 阅读 · 0 评论 -
jq之语法
语法：$(selector).action()例子：$(this).hide(); 隐藏当前元素$("p").hide(); 隐藏所有段落$("p.test").hide();隐藏所有class="test"的段落$("#test").hide();隐藏所有id="test"的元素2.防止文档未加载就运行jquery代码，否则操作会失败2.1用$(document).ready(function(){//写jq代码})2.2或用$(function(){ ...原创 2022-01-08 08:25:16 · 89 阅读 · 0 评论 -
jq（jquery）之点击隐藏段落
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击p段落，把它们隐藏</title> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document.原创 2022-01-08 08:14:28 · 389 阅读 · 0 评论 -
js（javascript）之浏览器控制台使用
基本语法入门，必备调试技巧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //js严格区分大小写 //1.定义变量 //var num=1; //alert(num); .原创 2022-01-07 12:39:18 · 1314 阅读 · 0 评论 -
前端调试讲解
原创 2022-01-07 12:35:40 · 415 阅读 · 0 评论 -
js之讲解
1.啥时js脚本语言2.基本使用及HelloWorld<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- js代码，也可以放入body中--><!-- <script> alert("HelloWorld");原创 2022-01-06 12:39:17 · 304 阅读 · 0 评论