Jquery
关注
分享
扫一扫
huang_jimei
从事前端开发
展开
-
cookie的建立、获取、删除(常用于登录)
一、先封装方法//写cookies函数 SetCookie ("xiaoqi", "3")function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值 { var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*1000);原创 2021-09-01 09:47:02 · 595 阅读 · 0 评论 -
＜select＞中的动态加载option以及获取选中值、选中属性值
一、例子<select name="house" id="house" class="sew"></select>二、动态加入数据（1）加入for(var i=0;i<records.length;i++){ houseStr+='<option value="'+records[i].warehouse_guid+'"'+'code="'+records[i].current_cnt+'">'+records[i].warehouse_name+'&l原创 2021-09-01 09:11:54 · 523 阅读 · 0 评论 -
js跳转到新页面传参以及接收参数的方法
一、传递参数：var nowid=$(this).parent().siblings().eq(0).text(); //获取idwindow.location.href = "./list.html?id="+nowid;二、接收参数1.接收参数：（1）接收参数函数封装 function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if原创 2020-11-12 21:33:36 · 1870 阅读 · 0 评论 -
datatable.js进行前端分页
一、最近做一个项目，并没有分页接口，一次性返回所有的数据，需要前端进行分页显示功能；可以参考网址：http://www.h-ui.net/lib/datatables.js.shtml二、代码（1）引入相关文件<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="../../lib/lay原创 2020-11-12 17:34:45 · 820 阅读 · 0 评论 -
Jquery--动态追加行
（1）动态追加行（2）代码<body> <div class="aaa"></div> <button id="add">追加</button> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script> $('#add').click(function() { var arr =原创 2020-07-21 11:12:26 · 225 阅读 · 0 评论 -
Jquery--Jquery中的计算：计算综合成绩，成绩保留两位小数
（1）grade成绩计算保留两位小数代码<table class="table"> <thead> <tr class="text-c"> <th>学号</th> <th>姓名</th> <th>学年</th> <th>学期</th> <th>班级</th> <th>原创 2020-07-21 11:08:38 · 459 阅读 · 0 评论 -
Jquery--实现checkbox全选全不选功能
一、Jquery实现全选全不选功能（1）代码<body> <input type="checkbox" id="allcheck" />全选<br /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <input type="checkbox" /> <script type="tex原创 2020-07-21 10:57:38 · 145 阅读 · 0 评论 -
Jquery--实现打字效果
一、jquery实现打字效果（1）代码<head> <meta charset="UTF-8"> <title>打字效果</title> <style> #aa { height: auto; width: 100%; margin: auto; } </style> </head> <body> <p id="aa"></p>原创 2020-07-21 10:52:24 · 858 阅读 · 0 评论 -
Jquery--滚动监听事件，当滚动高度大于多少的时候，将一个div置顶
一、滚动监听事件，当滚动高度大于指定的大小的时候，修改指定div的css属性，将一个div置顶（1)代码<style> *{margin: 0;padding: 0;} .check_conTitle{ width: 100%; height: 50px; line-height: 50px; background: #eee; position: fixed; top: 60px; }</style><body>原创 2020-07-21 10:38:13 · 601 阅读 · 0 评论 -
Jquery--点击列表中的项，获取该点中列表的对应值
一、Jquery 在点击列表中的一项时，获取该点击列表项中的相应值（1）代码<style> ul li{ display: block; border: 1px solid #ccc; padding: 20px; margin:0 auto; margin-top: 5px; cursor: pointer; } #bottom{ width: 350px; height: 100px;原创 2020-07-21 10:29:08 · 1150 阅读 · 0 评论 -
Jquery--remove和empty删除
一、Jquery中的remove和empty都可以进行删除，二者有所区别；（1）代码<style> .con{width: 500px;height: 200px; background: #4CB8FF;} </style> <body> <div class="con"> <p>大河向东流啊，游啊游</p> <p>文本文本</p> </div> <bu原创 2020-07-21 10:21:32 · 242 阅读 · 0 评论 -
Jquery--实现checkbox单选框
一、jq实现单选框(1)代码<body> <input type="checkbox" name="aaa" class="checkbox1" id="a1" value="" /><label for="a1">苹果</label> <input type="checkbox" name="aaa" class="checkbox1" id="a2" value="" /><label for="a2">香蕉原创 2020-07-21 10:16:55 · 554 阅读 · 0 评论 -
jquery--面板收缩下拉
一、jquery实现面板伸缩下拉代码：（1）css部分.panel{ width: 500px; background: #D5BBF0; } .panel_header{ padding: 15px; border: 1px solid #999; text-align: center; cursor: pointer; } .panel_body{ padding: 100px; text-align: center;原创 2020-07-21 10:09:12 · 209 阅读 · 0 评论