常用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 ...
随机推荐
- StackExchange.Redis帮助类解决方案RedisRepository封装(基础配置)
本文版权归博客园和作者吴双本人共同所有,转载和爬虫,请注明原文地址.http://www.cnblogs.com/tdws/p/5815735.html 写在前面 这不是教程,分享而已,也欢迎园友们多 ...
- C#开发微信门户及应用(16)-微信企业号的配置和使用
在本系列随笔的前面,主要就是介绍微信公众号的门户应用开发,最近把整个微信框架进行了扩展补充,增加了最新的企业号的API封装和开发,后续主要介绍如何利用C#进行微信企业号的开发工作,本篇作为微信企业号的 ...
- C语言实现2个大数相加。
#include<stdio.h>#include<string.h>int main(){ char s1[100],s2[100]; int num1[31], ...
- Eclipse中使用Gradle构建Java Web项目
Gradle是一种自动化建构工具,使用DSL来声明项目设置.通过Gradle,可以对项目的依赖进行配置,并且自动下载所依赖的文件,使得构建项目的效率大大提高. 1. 安装Gradle 下载Gradle ...
- Java之继承、抽象类、接口篇
一.继承(extends) 什么是继承? 继承是对现实生活中的"分类"概念的一种模拟. 狮子拥有动物的一切基本特性,但同时又拥有自己的独特的特性,这就是"继承" ...
- 9.2.2 .net framework下的MVC 控件的封装(下)
控件封装的部分说明 可能有人觉得应该前后端分离,我也承认这是应该的方向,我们也在考虑使用ng2等简化前端.但是,我们封装控件还是因为如下原因综合考虑的: 我们这是个框架,上面支撑了许多个应用,包含几百 ...
- 伙伴们休息啦canvas绘图夜空小屋
HTML5 canvas绘图夜空小屋 伙伴们园友们,夜深了,休息啦,好人好梦... 查看效果:http://hovertree.com/texiao/html5/28/ 效果图如下: 代码如下: &l ...
- 苹果的MDM简介
MDM(Mobile Device Management)移动设备管理,一般会用于企业管理其移动设备,鉴于iOS是比较封闭的系统很多的功能都难以实现,所以利用苹果的MDM可以达到远程控制设备,像远程定 ...
- 原创炫酷代码公开——连接董铂然github
公开了github部分项目(均为原创)更多代码请看https://github.com/dsxNiubility SXWaveAnimate Wonderful SXPhotoShow SXNews ...
- 初识JAVA(二)(送给Java和安卓初学者)----常见错误
博主接着上篇的来讲哦,以后的更新中,博主会出一些练习题,有兴趣的可以做做然后吧代码粘贴到下面,大家可以一起研究学习,一起进步,本篇文章主要讲的是: 一.常见错误 二.连接上篇一起的训练 无论是什么方向 ...