常用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 ...
随机推荐
- 学习之路~sqh
推荐博客 Edison Chou: Vamei: 算法∙面试专题 - 简书: 设计模式 极速理解设计模式系列[目录索引]- Caleung: Net设计模式 - 灵动生活: 宅男程序员给老婆的计算机课 ...
- 两种常用的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 ...
- java基础知识总结(1)
定义类: 访问修饰符 class 类名{ } 访问修饰符如:public .priate是可选的 class是声明类的关键字 按照命名规范,类名首字母大写 例:创建“人”类,关键代码: pub ...
- MySQL5.7 error log时间显示问题
最近有两三套环境升级到了5.7.16,发现mysql.err中的时间好像有些问题,经查是mysql 5.7后的变更,如下: root@localhost [(none)]>select now( ...
- JHipster框架的简要搭建与说明
JHipster的亮点 风头超劲,席卷欧美,最新全能Java Web开发程式产生器 (java web generator). 由Java专家累积的开发经验,配上各类实用的框架技术,去繁取精的运用,全 ...
- Andriod 自定义控件之音频条
今天我们实现一个直接继承于View的全新控件.大家都知道音乐播放器吧,在点击一首歌进行播放时,通常会有一块区域用于显示音频条,我们今天就来学习下,播放器音频条的实现. 首先我们还是先定义一个类,直接继 ...
- SQL Server快速查询某张表的当前行数
传统做法可能是select count(1) 但是往往会比较慢.推荐如下做法: ) CurrentRowCount FROM sys.sysindexes WHERE id = OBJECT_ID(' ...
- Highcharts入门小示例
一.创建条形图 1.创建div容器 <div id="container" style="min-width:800px;height:400px"> ...
- reborn to freelancer
I want to be a freelancer, so I come back to record all my efforts. I hope this will be a new start ...
- ORA-00600 3020 ORA-10567案例
PlateSpin克隆复制出的Oracle数据库服务器,往往启动数据库实例都会遇到一些杂七杂八的问题.今天测试DR环境时又遇到了一个特殊场景,在此之前,我已经遇到了下面两起案例: ORA-00600: ...