`
zhangyou1010
  • 浏览: 298461 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery javascript 常用代码备忘

阅读更多
1.假如页面上有一组radio,初始化页面时,想让指定的radio选中
代码如下:
$("input:radio[name='status']").each(function() { 
			var v = $(this).val();
			if (v== '1') {
				$(this).attr("checked", "checked");
			}
		}); 


说明:用jquery遍历所有的radio控件,并且radio的name属性是status,如果radio的value='1' ,则让radio选中。如果控件是checkbox,则把radio改为checkbox。

2.jquery日期控件datepick的使用
在页面中引入以下三个文件:jquery.datepick.css ,jquery.datepick.js,jquery.datepick-zh-CN.js

假如把日期控件绑定到id为selectDate的控件上,在加载完页面后,写如下js:
//初始化日期控件
	$('#selectDate').datepick({
		yearRange: '2008:2099', 
		dateFormat: 'yy-mm-dd',
		prevText:'前一月',
		nextText:'后一月',
		closeText:'关闭',
		clearText:'清除',
		monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']});


3.判读手机号码是否是移动的手机号码,调用http://www.showji.com/ 这个网站的一个接口,该接口返回json数据,接口地址为
http://api.showji.com/Locating/default.aspx?m=15084975782&output=json&callback=querycallback


只要把需要查询的手机号码替换上面得手机号码即可,返回如下格式的数据:
querycallback({
    "Mobile": "15084975782",
    "QueryResult": "True",
    "Province": "湖南",
    "City": "长沙",
    "AreaCode": "0731",
    "PostCode": "410000",
    "Corp": "中国移动",
    "Card": "GSM"
});


3.点击表格中的行,让该行中第一列的checkbox选中。
假设checkbox所在tr的class属性值为trbox,checkbox本身的class属性为boxClass

代码如下:
$(".trbox").click(function(){
		var obj = $(this);
		var box = obj.find("input:type='checkbox'");
		if (box.attr('checked')) {
			box.attr('checked',false);
		} else {
			box.attr('checked',true);
		}
	});
	
	$(".boxClass").click(function(event){ 
        event.stopPropagation(); 
    }); 


后面的event.stopPropagation()为当点击checkbox本身时,禁止checkbox的单击事件传给tr 。

4.点击table中的td时,让td变为input输入框,可以编辑。
var mod = $(".mod");
mod.click(function(){
var obj = $(this);
var td = obj.parent().parent().children(".inputClass");
tdValue = $.trim(td.text());
var input = $("<input type='text' style='color:#148CDF;' value='" + tdValue + "' />"); // 文本框的HTML代码
td.html(input);   // 当前td的内容变为文本框
input.click(function() {
	return false;
});
// 设置文本框的样式
input.height(td.height()-10);   //文本框的高度为当前td单元格的高度
input.css("margin-left","-3px");
input.width("100px");    // 宽度为当前td单元格的宽度
input.css("font-size", "12px");    // 文本框的内容文字大小为14px
input.css("text-align", "center");   // 文本居中

});
分享到:
评论

相关推荐

    jquery框架的js库

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&ouml...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jquery50个实例下载

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的J&ouml...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jQuery API (中英文对照版)

    jQuery API (中英文对照版) ---------------------------------- jQuery由美国人John Resig创建,至今已吸引了...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jQuery-1.3.js已压缩

    已压缩过的jQuery-1.3.js --------------------- jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jquery-1.2.3.rar

    它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+,...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jQuery-1.3.js未压缩

    jQuery-1.3.js未压缩 -------------------------------- jQuery由美国人John Resig创建,至今已吸引了来自世界...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    JQuery In Action

    in action系列的又一经典,介绍JQuery框架的入门和提升。 JQuery: jQuery由美国人John Resig创建,至今已吸引了...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    15天学会jquery

    15天学会jquery,经典教程 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jquery-cheat-sheet:我参加了jQuery速成班,并决定为需要的人做一个备忘单。 随意下载文件,并在使用jQuery时用作参考

    jQuery备忘单JavaScript基础使我们能够更好地理解和使用该语言。 在尝试开始学习jQuery之前,请让自己学习JavaScript的基础:基础知识,DOM操作,事件,AJAX和异步JavaScript。 如果您还没有学习JavaScript的基础...

    JQUERY 1.3.2

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手 加入其team,包括来自德国的J&...使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。

    jquery 资料合集 实例

    使用其间也有一点点心得,其实这些心得,在jquery的文档上面也可能有讲,不过还是记下来,以备忘罢。三层架构, 企业库(Enterprise Library)是微软的模式与实践(Patterns &amp; Practices)的下一代应用程序块...

    自定义日历备忘录控件

    自定义日历备忘录控件使用jquery和javascript做的。里面有年月日和事件清单List。在年月日的画面里面,每个日期里面都包含了当天的事件信息。数据源采用json格式。

    Chromemo:使用 jQuery 的“备忘录”记事本 Chrome 应用程序

    Chromemo Chromemo 是为 Chrome 编写的备忘录/笔记本应用程序。...jQuery 用户界面 修订说明 2013.11.13@10:20AM - 实现了一个基本的“加载备忘录”功能( _doc.load_memo ); 尚未测试 2013.11.18@7:15PM -

    jQuery.RouletteText.js:jQuery随机播放和显示字符

    jQuery.RouletteText.js 描述 扩展了 Martin Angelov 的 特征(扩展点) 扩展为能够指定变化的字符串 ...备忘录 我想编辑圈子的网站,发现Martin的jquery以一种扩展的形式创建,想法是显示圈子名称而不是随机

    jQuery 常见操作实现方式和常用函数方法总结

    一个优秀的 JavaScript 框架,一篇 jQuery 常用方法及函数的文章留存备忘。

    javascript-style-guide

    建筑应用编码约定备忘单ESLint规则(将本指南应用为棉绒规则):目录解构弦乐职能建设者模组迭代器和生成器特性变数吊装比较运算符和平等积木注释空格逗号分号类型铸造和强制命名约定存取器大事记jQuery的测验贡献者...

    【小程序素材】备忘录.zip

    JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS...

    matlab轮询调度算法代码-made-in-poland:Poland在波兰进行的整洁项目清单

    完整JavaScript备忘录/缓存解决方案 398 / 桌面RSS阅读器 375 / 控制台的颜色和格式 348 / JavaScript的模块化和快速Promises实现 308 / 捆绑Web浏览器的CommonJS / Node.js模块 274 / Playground.js是您基于...

    awesome-cheatsheets:精选的备忘单列表,可节省您的大量时间来做更好的事情

    jQuery 来自 OverAPI 表示来自 OverAPI 设计模式 PHP 来自多姆尼克 Java来自伊鲁瓦塔 Ruby 来自 nslocum 从 shvets Python 来自法夫 Swift来自奥乔科科 Javascript 来自阿德约斯马尼 来自 tcorral 姜戈来自 ...

    interactive-prince-charles-letters:蜘蛛备忘录

    蜘蛛备忘录守护者互动项目。入门如果您尚未安装 、 和 ,请先安装。 接下来,安装所有依赖包并启动应用程序: &gt; npm install&gt; bower install&gt; grunt 您现在可以查看在运行的示例项目资产路径当您想要指向资产的路径...

Global site tag (gtag.js) - Google Analytics