JS+JQ
花~盗
博客帐号不是本人联系方式属于Math.floor(Math.random()*10)生成的
展开
-
JQ笔记基础
$(document).ready()与windows.onload 异同$(document).ready(): DOM文档结构绘制完成即即刻执行,可能某些静态 资源(图片,视频)还没加载完 同一个页面,可以写多个window.onload(): 必须等待网页中所有静态资源(图片,视频)都 加载完毕后才执行 同一个页面,不可以写$("li:even").chilk() :$() : 工厂函.原创 2022-04-23 22:04:53 · 1005 阅读 · 0 评论 -
JS笔记基础
第一章:JavaScript基础 1.为什么要学习JS 1):表单验证(减轻服务端的压力) 2):页面动态效果 2.什么是JavaScript 是一种基于对象和事件驱动的、 跨平台的、并且具有安全性的脚本语言 3.JavaScript的特点 1):向HTML页面添加交互行为 2):语法与java类似.原创 2022-04-23 22:02:31 · 409 阅读 · 0 评论 -
贪吃蛇 HTML+JS
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>人机验证</title></head><style> *{ margin: 0; padding: 0; user-select: none; box-sizing:..原创 2022-02-19 23:25:32 · 156 阅读 · 4 评论 -
JS+HTML+CSS登录验证
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>人机验证</title></head><style> *{ margin: 0; padding: 0; user-select: none; box-sizing:..原创 2022-02-19 23:20:19 · 444 阅读 · 0 评论 -
使用JQ+JS中的高级数组实现下拉列表框(select)的省市联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>级联菜单</title> <script src="../js/jquery.js"></script> <script src="../js/jquery-1.8.3.min.js"></script></h.原创 2021-12-20 13:54:59 · 310 阅读 · 0 评论 -
使用JQ+JS实现下拉列表框(select)的省市联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市联动</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.原创 2021-12-15 14:51:59 · 1134 阅读 · 0 评论 -
HTML、JQ+JS表单全选单选效验与删除选中
该代码主要使用了removeChild(子元素删除)方法与循环(for)及if(判断)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选删除</title> <script type="text/javascript" src="js/jquery.js"></script> <原创 2021-12-12 11:12:30 · 691 阅读 · 0 评论 -
HTML、JQ+JS实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <script src="js/jquery.js"></script> <script src="js/jquery-1.8.3.min.js"></script></head>.原创 2021-12-11 23:25:03 · 239 阅读 · 0 评论 -
HTML、JQ+JS实现无限滚动条列表
HTML代码<ul id="express"> <li><span>【特惠】</span><a href="#">掬一轮明月 表无尽惦念</a></li> <li><span>【公告】</span><a href="#">好奇金装成长裤新品上市</a></li> <li><span>【特惠】<原创 2021-12-11 14:22:51 · 995 阅读 · 0 评论