常用jQuery 方法
//强制给数字补全小数点
function toDecimal2(x) {
var f = parseFloat(x);
if(isNaN(f)) {
return false;
}
var f = Math.round(x * 100) / 100;
var s = f.toString();
var rs = s.indexOf('.');
if(rs < 0) {
rs = s.length;
s += '.';
}
while(s.length <= rs + 2) {
s += '0';
}
return s;
}
//查询所有列表并追加到div中
var list = data.doctorList;
var html = '';
for(var i = 0; i < list.length; i++) {
var imgUrl = list[i].doctorImg;
var docName = list[i].doctorName;
var docDev = list[i].doctorDevlement;
var hosName = list[i].hospitalName;
console.log("图片地址" + imgUrl);
console.log("医生名称" + docName);
console.log("科室" + docDev);
console.log("医院名称" + hosName); html += '<div class="weui-jiaj-panel">' +
'<a href="department/change_doctor_info.html" class="weui-jiaj-a-color" data-id="doctorInfo">' +
'<div class="weui-media-box weui-media-box_appmsg">' +
'<div class="weui-media-box__hd">' +
'<img class="weui-media-box__thumb" src="' + imgUrl + '" />' +
'</div>' +
'<div class="weui-media-box__bd">' +
'<h4 class="weui-media-box__title">' + docName + '</h4>' +
'<p class="weui-media-box__desc">' + docDev + '</p>' +
'<p class="weui-media-box__desc">' + hosName + '</p>' +
'</div>' +
'<div class="weui_jia_cell_ft"></div>' +
'</div>' +
'</a>' +
'</div>';
} $('#tab1').append(html);
//点击button,获取每个按钮的名称
$('.depart-btn').click(function(){
var value = $(this).attr('name'); //$(this)表示获取当前被点击元素的name值
console.log("当前button的名称为" + value);
})
//获取URL中参数的方法
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
//return unescape(r[2]); 注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。如果继续使用unescape函数,则在获取中文参数时会导致获致 到的参数乱码,因此下面是改
return decodeURI(r[2]);
}
return null;
} //如果url中的参数是toutiaoForwardId与shareShortCode
//下面的方法是调用getQueryString获取Name
//http://127.0.0.1:8020/wx/admin/department/change_doctor_info.html?toutiaoForwardId=121f1a var toutiaoForwardId = getQueryString('toutiaoForwardId');
var shareShortCode = getQueryString('shareShortCode');
//点击按钮,获取input的值,并通过url传递给下一个页面
$('#saveHospitalName').click(function(){
var hospitalName = $('#hospitalName').val();
console.log("医院名称" + hospitalName);
window.location.href = "/wx/admin/department/change_doctor_info.html?hospitalName=" + hospitalName;
});
//弹框,点击保存按钮,把弹框中的数据保存在当前页面
$('#saveDoctorName').click(function(){
var doctorName = $('#doctorName').val(); //input的值
$('#doctorNameShow').html(doctorName); //当前页面值的保存位置
})
//在一个div中动态添加BTN var doctorTitelListData = doctorTitel.doctorTitelList;
var $titleHtml = '';
for(var a = 0; a < doctorTitelListData.length; a++){
var titleName = doctorTitelListData[a].doctorTitelName;
$titleHtml += '<button class="weui-btn weui-btn_mini weui-btn_default title-btn"' + 'name=' + titleName + '>' + titleName + '</button>';
} $('#doctorTitleBox').append($titleHtml);
常用jQuery 方法的更多相关文章
- jQuery操作Table tr td常用的方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
- jQuery常用工具方法
前面的话 jQuery提供一些与元素无关的工具方法,不必选中元素,就可以直接使用这些方法.如果理解原生javascript的继承原理,那么就能理解工具方法的实质.它是定义在jQuery构造函数上的方法 ...
- js与jquery常用数组方法总结
昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组.本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害 ...
- jQuery常用属性方法大全 attr(),val()
@@@@属性篇: 写作本篇文章的意义:jQuery的教程千千万,却没有英文版的API讲的系统.到位,一些话用中文翻译过来味道就变了,所以我将英文版的API的一些常用的方法单独提出来放在这里,并用自己的 ...
- jQuery 常用核心方法
jQuery 常用核心方法 .each() 遍历一个jQuery对象,为每个匹配元素执行一个函数 $('p').each(function(idx,node){ $(node).text(idx + ...
- jquery ajax中支持哪些返回类型以及js中判断一个类型常用的方法?
1 jquery ajax中支持哪些返回类型在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get(). 预期服务器返回的数据类型.如果不指定,jQuery 将自 ...
- jQuery的一些常用的方法(转载)
操作元素的样式 主要包括以下几种方式: $("#msg").css("background"); //返回元素的背景颜色 $("#msg") ...
- jQuery一些常用特效方法使用实例
1. jQuery fadeIn() 用于淡入已隐藏的元素. 语法: $(selector).fadeIn(speed,callback); 实例: $("button").cli ...
- Jquery常用的方法总结
1.关于页面元素的引用通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom ...
随机推荐
- shiro的使用1 简单的认证
最近在重构,有空学了一个简单的安全框架shiro,资料比较少,在百度和google上能搜到的中文我看过了,剩下的时间有空会研究下官网的文章和查看下源码, 简单的分享一些学习过程: 1,简单的一些概念上 ...
- 关于fefo函数
feof是C语言标准库函数函数,其原型在stdio.h中,其功能是检测流上的文件结束符. 函数原型: int feof(FILE *stream); 返回值:如果文件结束,则返回非0值,否则返回0 在 ...
- 两种常用的C语言排序算法
1. 要求输入10个整数,从大到小排序输出 输入:2 0 3 -4 8 9 5 1 7 6 输出:9 8 7 6 5 3 2 1 0 -4 解决方法:选择排序法 实现代码如下: #include &l ...
- php实现设计模式之 模板方法模式
<?php /** * 模板模式 * * 定义一个操作中的算法骨架,而将一些步骤延迟到子类中,使得子类可以不改变一个算法的结构可以定义该算法的某些特定步骤 * */ abstract class ...
- PHP 装饰器模式
装饰器模式:是在不必改变原类文件和使用继承的情况下,动态地扩展一个对象的功能. [装饰器模式中主要角色] 抽象组件角色(Component):定义一个对象接口,以规范准备接受附加责任的对象,即可以给这 ...
- [更新设计]跨平台物联网通讯框架ServerSuperIO 2.0 ,功能、BUG、细节说明,以及升级思考过程!
注:ServerSuperIO 2.0 还没有提交到开源社区,在内部测试!!! 1. ServerSuperIO(SSIO)说明 SSIO是基于早期工业现场300波特率通讯传输应用场景发展.演化而来. ...
- CSS3 Flexbox轻松实现元素的水平居中和垂直居中
CSS3 Flexbox轻松实现元素的水平居中和垂直居中 网上有很多关于Flex的教程,对于Flex的叫法也不一,有的叫Flexbox,有的叫Flex,其实这两种叫法都没有错,只是Flexbox旧一点 ...
- [deviceone开发]-心形点赞动画示例
一.简介 这个示例展示do_Animator组件的简单使用,通过点击"点赞"按钮,不断弹出心形图片,向上动画漂移到顶部消失.间隔时间和上下左右移动的步长都是一定范围的随机值.二.效 ...
- response和request的区别以及常见问题解决
request是请求,即客服端发来的请求 response是响应,是服务器做出的响应 --------------------------------------------------------- ...
- 一个高级的J2E工程师需要面对MySQL要有那些基本功夫呢<上>
1. MySQL的架构介绍1.1 MySQL简介: MySQL是一个关系型数据库管理系统,由瑞典MySQL AB公司开发,目前属于Oracle公司. MySQL是一种关联数据库管理系统,将数据保存在不 ...