常用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 ...
随机推荐
- .Net Html如何上传图片到一般应用程序
用html实现图片上传 后台采用.net其中在这里要借用一个js插件 在这里我会写一个图片上传的一个小Demo,有不全的地方多多包容,和提议, 我把已经写好的demo已经上传到百度云 在这里可以下载 ...
- [翻译+山寨]Hangfire Highlighter Tutorial
前言 Hangfire是一个开源且商业免费使用的工具函数库.可以让你非常容易地在ASP.NET应用(也可以不在ASP.NET应用)中执行多种类型的后台任务,而无需自行定制开发和管理基于Windows ...
- redis 安装
安装wget http://download.redis.io/releases/redis-3.2.3.tar.gztar -xzvf redis-3.2.3.tar.gzcd redis-3.2. ...
- 纯css3圆形从中心向四周扩散动画效果
查看效果:http://hovertree.com/texiao/css3/37/ 先来个简单的示例,例如: @keyframes hovertreemove{from {top:30px;}to { ...
- c++宏定义命令
在程序开始以#开头的命令,他们是预编译命令.有三类预编译命令:宏定义命令.文件包含命令.条件编译命令:今天聊聊宏定义: 宏定义命令将一个标识符定义为一个字符串,源程序中的该标识符均以指定的字符串来代替 ...
- javaScript对象-基本包装类型的详解
本人按书上的内容大致地把javaScript对象划分成“引用类型”.“基本包装类型”和“内置对象”三块内容. 我们这篇先了解下基本包装类型的详细用法吧! 一.我们先解下相关概念: 1.引用类型的值(对 ...
- python学习笔记4-正则表达式
import re -- 所有正则表达式相关的功能都包含在re模块中 re.sub() -- 字符串替换 >>> import re >>> s= "10 ...
- Oracle学习笔记十二 子程序(存储过程、自定函数)和程序包
子程序 子程序:命名的 PL/SQL 块,编译并存储在数据库中. 子程序的各个部分: 1.声明部分 2.可执行部分 3.异常处理部分(可选) 子程序的分类: 1.过程 - 执行某些操作 2.函数 ...
- x86开启 HUGEPAGES
HugePage,就是指的大页内存管理方式,在操作系统Linux环境中,内存是以页Page的方式进行分配,默认大小为4K,HugePage是传统4K Page的替代方案.顾名思义,是用HugePage ...
- 修复 Windows7 资源管理器左侧收藏夹无法展开问题
相信大家在网上搜多到的解决办法大多数都是修改注册表,但是这个办法多数是无效的 1.运行regedit 2.展开到HKEY_CLASSES_ROOT\lnkfile 3.添加一个字符串值:IsShort ...