常用Jquery前端操作
input只能输入正整数
οnkeyup="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>
转载于:https://www.cnblogs.com/zhaojinhui/p/4964763.html
常用Jquery前端操作相关推荐
- jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍
JQuery日常操作有选择器,获取和操作属性,css样式,文本等等,下面是一些常用的操作,代码以图片形式(哈哈,其实还是我懒,大神别喷我,我还是渣渣),就是一些日常的学习笔记 JQuery中的属性选择 ...
- jQuery—常用API(jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作)
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
- jQuery(一)—— jQuery 概述 / jQuery 选择器 / jQuery 样式操作 / jQuery 效果
原以为 jQuery 不需要学习,但是接触了一些 VUE 框架,发现用到了好多 jQuery 的知识,于是返回来重新学习.本系列笔记大概分为三篇,陆续更新. 参考:W3school -- jQuery ...
- 【08】jQuery:01-jQuery介绍、jQuery基本使用、jQuery选择器、jQuery样式操作、jQuery效果、jQuery入口函数、jQuery对象
文章目录 day01 - jQuery 1.1. jQuery 介绍 1.1.1 JavaScript 库 1.1.2 jQuery的概念 1.1.3 jQuery的优点 1.2. jQuery 的基 ...
- jQuery介绍 jQuery基本使用 jQuery选择器 jQuery样式操作 jQuery动画效果
1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库:即 library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封 ...
- jQuery前端验证(四)
上一章简单介绍了jQuery前端基本验证(三),如果没有看过,请观看上一章 个人认为,Bootstrap提供的验证框架,是目前前端验证最好,最实用的框架.以后的前端验证,强烈建议均使用bootstra ...
- Java程序员从笨鸟到菜鸟之(八十八)跟我学jquery(四)JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...
- jQuery前端教程-张晨光-专题视频课程
jQuery前端教程-260人已学习 课程介绍 什么是jQuery 是一个JavaScript的函数库 jQuery是一个轻量级的JavaScript库 浏览器兼容比较好 jQuery ...
- 钉钉免登陆前端操作详解
在钉钉免登陆中,前端操作是很重要的,因为在前端我们需要调用钉钉的jsapi来获取code,而这个code值是至关重要的.所以我 再次清清楚楚的解析一遍前端的操作.下面的是我写的demo,我讲以这个de ...
最新文章
- 后处理程序文件大小的变量_【每日一题】(17题)面试官问:JS中事件流,事件处理程序,事件对象的理解?...
- js 关键字 in 的使用方法
- fedora 20 无法打开wifi
- window.location跳转页面
- matlab 涡轮流量计_秦皇岛卫生级流量计定制
- centos5.8安装mysql_Centos5.8上面用Shell脚本一键安装mysql5.5.25源码包
- 【英语学习】【WOTD】orthography 释义/词源/示例
- ireport在springboot中中文不显示解决
- Centos7忘记mysql的root用户密码
- 从留言板开始做网站(三)——CSS样式代码
- 【梦话区】如何解决QQ视频时别人听不到自己声音的问题——转
- 疯狂的订餐系统-软件需求分析挑战之旅 【转】
- ibmr系列服务器怎么装架子,R440/R540/R640/R740 R820 R930 DELL服务器导轨 滑轨 支架 理线架...
- unity overrideSprite的使用
- [9i] 猪年说猪,属相,本命年,十二生肖用英语该怎么说
- 图文并茂,Python轻松生成PDF数据分析报告
- win7提示盗版 且各种工具无法激活
- 设置元素旋转中心点(transform-origin)
- 思科光传输功率查询_各厂家查收发光功率命令整理
- 专攻心脑疾病AI市场,数坤科技完成创世伙伴领投2亿元B轮融资...