常用Jquery前端操作
input只能输入正整数
onkeyup="this.value=this.value.replace(/\D/g,'')" if(!confirm("删除后无法恢复,确认继续?")){return false;} //判断字符串里是否存在指定字符
if(str.indexOf("abc") != -1){//表示存在} 1.双引号替换成单引号
var _adrobj = JSON.stringify(address).replace(/\"/g,"'"); /g表示匹配所有 2.单引号替换成双引号
var _nstr = _adrdata.replace(/'/g, '"'); 3.JSON对象和字符串互转
var obj = {"a":1,"b":2}; ==》JSON对象转字符串=>"{"a":1,"b":2}"
JSON.stringify(obj).replace(/\"/g,"'")); 存入数据库最好把双引号替换成单引号 var obj = JSON.parse(obj); ==》Json字符串转对象
for(var key in obj) {
var a=obj[key];
} 4.字符串和数组的互相转换
var str = "a,b,c,d,e,f,g";
var array= new Array();
array = str.split(","); ==》字符串转数组 var str = array.join(","); ==》数组转字符串 5.1遍历name=ids复选框所有的值
$("input[name='ids']:checkbox").each(function() {
$(this).val();
});
5.2遍历name=ids复选框选中的值
$.each("[name='ids']:checked"), function(){
$(this).val();
}); 6.遍历所有input中 type=text class=custom 的元素
$('.custom:text').each(function(){
alert($(this).val()); //value值
});
7.四舍五入保留v位小数点
function decimal(num,v){
var vv = Math.pow(10,v);
return Math.round(num*vv)/vv;
}
8.重置表单
方法1:$("#form :text").val("");//清空表单内input="text"的值
方法2:在表单内写一个隐藏域按钮<input type="reset" id="resetBtn" style="display:none;"/> $("#resetBtn").click(); //触发按钮就完事
9.时间倒计时
function daoJiShi(second) {
second--;
$("#timeing").html(second + "s"); //页面展示倒计时状态
var t = setTimeout(function() {
daoJiShi(second);
}, 1000);
if (second == 0) {
clearInterval(t);
//时间到0了这里爱干嘛就干嘛
}
} 10.定时动作
function taskdoing(){
setInterval(function(){
setTimeout(function(){
//定时做的啥事写在这里
},1000);
},1000*30); //间隔30秒
}
$(element).nextAll(":input:first").val(); //当前元素后面紧挨的第1个Input的值
$(".inputCount[datacheck=true][dataname=radio2]"); //通过class+多个属性匹配
$(element).find('input'); //匹配当前元素下的所有input元素
$(element).parent('div'); //匹配父级DIV
$(element).parent().find("span").eq(0); //匹配父级节点下的第1个Span元素
<a href="tencent://message/?uin=12345678" target="_blank">腾讯QQ在线临时会话</a> <a href="javascript:void(0);">不跳转,无动作</a> <a href="javascript:scroll(0,0)">返回页面顶部</a> <a href="javascript:location.reload()">本地刷新F5</a>
常用Jquery前端操作的更多相关文章
- 前端09 /jQuery标签操作、事件、补充
前端09 /jQuery标签操作.事件.补充 目录 前端09 /jQuery标签操作.事件.补充 1.标签内文本操作 1.1 html标签元素中的所有内容 1.2 text 标签元素的文本内容 2.文 ...
- 前端08 /jQuery标签操作、事件
前端08 /jQuery标签操作.事件 目录 前端08 /jQuery标签操作.事件 1.标签内文本操作 1.1 html标签元素中的所有内容 1.2 text 标签元素的文本内容 2.文档标签操作 ...
- JavaScript jQuery 中定义数组与操作及jquery数组操作
首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...
- 转:jQuery 常见操作实现方式
http://www.cnblogs.com/guomingfeng/articles/2038707.html 一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备 ...
- Jq_Ajax 操作函数跟JQuery 遍历函数跟JQuery数据操作函数
JQuery文档操作方法 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 ...
- jQuery 常见操作实现方式
一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘. jQuery 常见操作实现方式 $("标签名") //取html元素 document. ...
- 原生JavaScript常用的DOM操作
之前项目一直都是用JQuery或者Vue来做的,确实好用,毕竟帮我们解决了很多浏览器兼容问题,但是后面发现大公司面试题都是要原生Javascript来做,然后我就一脸懵逼哈哈哈,毕竟大公司需要的框架或 ...
- jquery字符串操作
目的:把自己常用到的jquery操作字符串总结一下 w3cSchool关于js字符串的整理:有需要的时候可以查 http://www.w3school.com.cn/js/jsref_obj_stri ...
- jQuery基础操作
1.jQuery的介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交 ...
随机推荐
- 2017-2018 ACM-ICPC, Asia Tsukuba Regional Contest E:Black or White
这道题可以比较容易看出是线性DP.设dp[i]代表把前i个格子刷成目标状态的最小步数. 写出状态转移方程 dp[i]=min( dp[j]+calc(j+1,i) ) (i-j<=k) calc ...
- linux 重启mysql redis等服务器
redis重启 如果是用apt-get或者yum install安装的redis, 可以直接通过下面的命令停止/启动/重启 /etc/init.d/redis-server stop /etc/ini ...
- 【网页布局基础】css布局学习总结
三种定位机制 1.标准文档流:从上到下,从左到右输出文档内容 2.浮动 3.绝对定位 需要注意的是块级元素如div p ul 等 行级元素如span strong img input等 块级元素与行级 ...
- 多核cpu实现多任务原理
- mongodb客户端操作常用命令(续)
之前有写过一篇mongodb客户端的操作常用命令 ,今天接着来记录分享一些关于mongodb账户权限设置的命令操作 上期mongodb客户端的操作常用命令地址:https://www.cnblogs. ...
- vue 运行项目时,Uncaught (in promise) DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
npm run dev 运行项目后 验证码显示不出来 并报错 Uncaught (in promise) DOMException: Failed to execute 'open' on 'XML ...
- 在SpringCloud中MAVEN配置文件中的更改
<mirrors> <mirror> <id>alimaven</id> <mirrorOf>central</mirrorOf> ...
- PHP ftp_chdir() 函数
定义和用法 ftp_chdir() 函数改变 FTP 服务器上的当前目录为指定目录. 如果成功,该函数返回 TRUE.如果失败,则返回 FALSE 和一个警告. 语法 ftp_chdir(ftp_co ...
- 构造——cf1202d
和以前有一题构造01串的很像,固定住一个7,求出3的个数,对1的位置进行贪心 /* 1337 1 13337 3 133337 6 1333337 10 */ #include<bits/std ...
- 数字三角形W(加强版) codevs 2189
2189 数字三角形W 时间限制: 1 s 空间限制: 32000 KB 题目等级 : 黄金 Gold 题目描述 Description 数字三角形 要求走到最后mod 100最大 输入描述 Inpu ...