
JQuery
dxm809
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jq实现注册页面表单校验
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网站注册页面</title> <style> #contanier{ border: 0px solid white; width: 1300px; margin: auto; } #top{ border: 0px solid wh.原创 2020-09-05 17:11:43 · 783 阅读 · 0 评论 -
jq实现下拉列表左右选择
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>下拉列表左右选择</title> <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <script> $(function(){ /*1.选中单击去右边*/ .原创 2020-09-05 17:10:19 · 261 阅读 · 0 评论 -
jq实现省市联动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成省市二级联动</title> <style type="text/css"> .top{ border: 1px solid red; width: 32.9%; height: 50px; float: left; } .原创 2020-09-05 17:08:29 · 290 阅读 · 0 评论 -
jq实现表格隔行换色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格隔行换色</title> <link rel="stylesheet" href="../css/style.css" /> <script type="text/javascript" src="../js/jquery-1.8.3.js" ><.原创 2020-09-05 17:05:23 · 249 阅读 · 0 评论 -
jq实现全选和全不选
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>使用jQuery完成复选框的全选和全不选</title> <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <!--<script type="text/javascript.原创 2020-09-05 17:03:24 · 601 阅读 · 0 评论 -
jq toggle使用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>toggle的使用</title> <style> div{ border: 1px solid white; width: 500px; height: 350px; margin: auto; text-align: center;.原创 2020-09-05 16:51:52 · 282 阅读 · 0 评论 -
jquery 点谁谁哭-隐式迭代
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-11 06:48:16 · 157 阅读 · 0 评论 -
jquery 合成事件
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-11 06:47:52 · 258 阅读 · 0 评论 -
jquery动态操作元素
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-11 10:46:50 · 184 阅读 · 0 评论 -
jquery li练习
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:41:45 · 144 阅读 · 0 评论 -
jquery 属性操作
通用设置两种方式第一种方式:$('').attr();$('').removeAttr();第二种方式:$('').prop();$('').removeProp();css类属性$('').addClass();$('').removeClass();$('').toggleClass();html属性$('').html();文本属性$('').text();值属性$('').val();...转载 2018-05-11 06:48:38 · 294 阅读 · 0 评论 -
jquery ready和window onload区别
window onload是指标签加载完成,并且标签资源加载完成;jquery ready是指标签加载完成,标签资源可能未加载完成$(document).ready(function(){});==$(function());转载 2018-05-11 06:48:52 · 280 阅读 · 0 评论 -
jquery动态创建表格
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-27 21:16:39 · 498 阅读 · 0 评论 -
jquery动态创建小广告
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-27 20:56:37 · 276 阅读 · 0 评论 -
jquery动态创建元素
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-27 20:50:48 · 152 阅读 · 0 评论 -
jquery子元素过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-27 20:27:50 · 229 阅读 · 0 评论 -
jquery内容过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-27 20:15:02 · 400 阅读 · 0 评论 -
jQuery省市联动
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-11 12:26:14 · 135 阅读 · 0 评论 -
jquery 层次选择器
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-11 15:46:40 · 128 阅读 · 0 评论 -
JQuery-Validate使用总结
一、导入js库<script src="../js/jquery.js" type="text/javascript"></script><script src="../js/jquery.validate.js" type="text/javascript"></script>二、默认校验规则(1)requ转载 2019-02-13 13:31:24 · 758 阅读 · 0 评论 -
jquery 访问cookie
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 12:17:45 · 131 阅读 · 0 评论 -
jquery 标签页
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style&转载 2018-05-12 09:58:37 · 187 阅读 · 0 评论 -
jquery模拟飞秋
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 09:46:36 · 172 阅读 · 0 评论 -
jquery 动画
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <script src="jquery-1.7.1.min.js">&l转载 2018-05-12 09:29:23 · 155 阅读 · 0 评论 -
jquery li练习2-恢复链条
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:41:11 · 146 阅读 · 0 评论 -
jquery 表格练习
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:41:22 · 161 阅读 · 0 评论 -
jquery 过滤选择器
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:41:32 · 126 阅读 · 0 评论 -
jquery开关灯
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:41:54 · 1011 阅读 · 0 评论 -
jquery样式操作
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script sr转载 2018-05-12 08:42:02 · 137 阅读 · 0 评论 -
jquery的each()
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-26 20:59:10 · 153 阅读 · 0 评论 -
jquery表单过滤器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-26 20:40:20 · 368 阅读 · 0 评论 -
jquery 显示和隐藏的三种方式
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="jquery-3.3.1.js"></script> &l原创 2018-04-09 10:58:42 · 699 阅读 · 0 评论 -
jquery腾讯微博
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <ti原创 2018-04-03 08:47:19 · 224 阅读 · 0 评论 -
jquery 显示图片
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-30 21:24:09 · 2591 阅读 · 0 评论 -
jquery 复选框操作-prop()的使用
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-30 20:56:15 · 974 阅读 · 0 评论 -
jquery通过索引获取元素
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-25 19:39:24 · 3339 阅读 · 0 评论 -
jquery层次选择器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-25 18:16:07 · 228 阅读 · 0 评论 -
jquery多条件选择器
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-25 17:55:01 · 1056 阅读 · 0 评论 -
jquery链式编程
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-25 17:41:50 · 398 阅读 · 0 评论 -
jquery 隐私迭代
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"原创 2018-03-25 17:30:33 · 265 阅读 · 0 评论