js/jq和a标签(刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式)//js/jq分页
1、刷新
<a href="javascript:history.go(-1)">返回上一页</a>
<a href="javascript:location.reload()">刷新当前页面</a>
<a href="javascript:" onclick="history.go(-2);">返回前两页</a>
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>
window.location.href=document.referrer//返回上一页并刷新
2、js的3种对话框
(1)alert("内容");
(2)confirm("内容");//带有确认操作
(3)prompt("内容","");//带有编辑操作的对话框
3、ajax的使用

4、jq伪类选择器(:not)的使用

5、js jq运用数组循环

6、checkbox的选中循环事件

7、select的选中事件
<select class="ssss" onchange="Change()">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<script>
function Change()
{
var option=$(".ssss option:selected").html();//select的选中option
alert("option");
}
</script>
这样就获取了选中的option的html值
8、jq循环添加select值
<select id="ss"></select>
$.each(data,function(i,item){
$("<option></option>").val(item["Id"]).text(item["Name"]).appendTo($("#ss"));
})
注释:data:后台传的数据,这里相当于一个集合,item[“Id”]和item["Name"]:item是集合的元素,Id和Name是元素的属性
9、id的获取:id=$("#id").attr("id");
10、js将数据处理成钱的格式:var Rmoney = parseFloat(money).toFixed(2);//把money处理成保存2位小数的格式
11、js/jq实现分页(总体思想就是让部分显示,比如一页显示10个,当然这个可以改变)
(1)var count=$(".class").length;// 获取所有要显示的标签,前提是类名一样
(2)var item =$(".class")//获取要显示的所有标签
(3)var nowpage=1;//给一个当前页数
(4)"上一页"和“下一页”点击事件(就是让当前页实现加减操作)
$(".down-page").click(function () {//下一页的点击事件,可以参看
if (!isNaN(nowpage)) {
if (nowpage < count) {//判断但前页
nowpage = nowpage + 1;//实现当前页加一
$(”#nowpage").val(nowpage);//把改变后的当前页添加到标签中,即改变当前页的值
GoPage(nowpage);//运行主要的函数
(5)这是最主要的函数
function GoPage(j)//j是当前页数
{
for (var i = 1; i < count;i++)
{
if (i > (j - 1) * 10 && i < j * 10) {
item[i].style.display = "block";//改变状态为显示
}
else
{
item[i].style.display = "none";//改变状态为隐藏
}
}
}
(希望对大家有所帮助)
js/jq和a标签(刷新/ajax/对话框/循环/select选中/checkbox选中/id的获取//数据处理成钱的格式)//js/jq分页的更多相关文章
- js把数据处理成钱的格式
1.var Rmoney = parseFloat(money).toFixed(2);//把money处理成保存2位小数的格式
- 用jquery ajax做的select菜单,选中的效果
//用server端语言赋值给js变量 var departmentId = '<%=提交的值 %>', deviceId='<%=提交的值 %>' $(fun ...
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
js代码: //$(document).click(function (e) { // 在页面任意位置点击而触发此事件 // var select = ""; // var i = ...
- jquery.form.js实现将form提交转为ajax方式提交的使用方法
本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完 ...
- 从零开始学 Web 之 Vue.js(四)Vue的Ajax请求和跨域
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- jquery.form.js实现将form提交转为ajax方式提交的方法
本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法.分享给大家供大家参考.具体分析如下: 这个框架集合form提交.验证.上传的功能. 这个框架必须和jquery完 ...
- Bootstrap入门(二十七)JS插件4:标签页
Bootstrap入门(二十七)JS插件4:标签页 标签页的切换可以带动内容的变化 首先我们引入CSS文件 <link href="bootstrap.min.css" re ...
- 如何给a标签绑定ajax事件
<a href="review?action=delete&id=${review.id}&articleId=${review.articleId}"cla ...
- 8 HTML&JS等前端知识系列之Ajax的例子
what is ajax ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新 ...
随机推荐
- Servlet实现Cookie读写
前言 程序员老婆让程序员去外面买东西,说,老公,你出去买一笼包子吧,遇到卖西瓜的就买一个.老公高兴的出去了,一会儿带着一个包子回来了,老婆很是郁闷问,怎么只买了一个包子,程序员说:因为我看到卖西瓜的了 ...
- 洛谷P3783 [SDOI2017]天才黑客(前后缀优化建图+虚树+最短路)
题面 传送门 题解 去看\(shadowice\)巨巨写得前后缀优化建图吧 话说我似乎连线段树优化建图的做法都不会 //minamoto #include<bits/stdc++.h> # ...
- BZOJ 4817: [Sdoi2017]树点涂色(LCT+树剖+线段树)
题目描述 Bob有一棵 nn 个点的有根树,其中1号点是根节点.Bob在每个点上涂了颜色,并且每个点上的颜色不同. 定义一条路径的权值是:这条路径上的点(包括起点和终点)共有多少种不同的颜色. Bob ...
- UIViewContentMode-
图片很小,frame很大 图片很大,frame很小 UIViewContentModeScaleToFill, UIViewContentModeScaleAspectFit, UIViewConte ...
- Tomcat安装与使用
主要讲解Tomcat的 安装与使用,讲解ubuntu版本和windows. 下载与安装: 1)到apache官网.www.apache.org http://jakarta.apache.org(产品 ...
- css块元素及内联元素
块级元素主要有: address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , ...
- 10分钟教你用Python实现微信自动回复
01 前言&&效果展示 相信大家都有忙碌的时候,不可能一直守在微信上及时回复消息.但微信又不能像QQ一样设置自动回复.无妨,今天,我们就来用Python实现微信的自动回复功能吧,并且把 ...
- numpy的一维线性插值函数
前言: 在用生成对抗网络生成二维数据点的时候遇到代码里的一个问题,就是numpy中的一维线性插值函数interp到底是怎么用的,在这个上面费了点功夫,因此现将其用法给出. 在生成对 ...
- CDQZ Day3
模拟题 day3出题人: liu_runda题目名称 摆渡 摆车 背包源程序文件名 boat.cpp ju.cpp pack.cpp输入文件名 boat.in ju.in pack.in输出文件名 b ...
- OPPO R7在哪里打开USB调试模式的详细流程
在我们使用PC连接安卓手机的时候,如果手机没有开启USB调试模式,PC则没办法成功检测到我们的手机,这时我们需要想办法将手机的USB调试模式打开,如下资料我们介绍OPPO R7如何开启USB调试模式的 ...