懒得写
2014-04-18 10:22
330 查看
jQuery插件基本格式
;(function($, window, document, undefined) {
var defaults = {
'key': 'value'
};
$.fn.nhsdAlert = function(options) {
var $parentDiv = $(this);
$parentDiv.html("");
var $shadeDiv;
var $opts = $.extend({}, defaults, options);
}
})(jQuery);
JS模拟表单提交
var sids = ["Account=" + account, "Password=" + password, "LognAccountFrom=" + lognAccountFrom];var param = sids.join('&');
if (param != null && param.length > 0) {
var _body = $(document.body), _form = document.createElement('form');
_body.append(_form);
_form.method = 'post';
_form.id = new Date().getTime(),
_form.action = '/Weixin/WeixinAccountBinding?' + param;
_form.target = '_self';
_form.submit();
}
不透明度
opacity: .4;
判断一个数据中是否包含某一个值,找到就返回其索引,未找到返回-1
if($.inArray(被包含值,数组)==-1){...};
DIV块级或行级显示
display:block;块级,换行 display:inline-block;行级,不换行
input内提示文字
Placeholder是HTML5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失<input id="t1" type="text" placeholder="请输入文字" />
JS生成GUID
function qGuid(len, radix) { var tlen = len == null ? 36 : len; var tradix = radix == null ? 36 : radix; var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uuid = [], i; tradix = tradix || chars.length; if (tlen) { for (i = 0; i < tlen; i++) uuid[i] = chars[0 | Math.random() * tradix]; } else { var r; uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'; uuid[14] = '4'; for (i = 0; i < 36; i++) { if (!uuid[i]) { r = 0 | Math.random() * 16; uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]; } } } return uuid.join(''); }
字符超出部分自动换行
对于中文常常是当一超过宽度时,会自动换行,但是对于英文或者数字,则并没有自动换行,需手动添加CSS代码:word-break: break-all;
字符超出部分隐藏并打点
//当在一行中的文本太多时,会自动换行,有的时间想让超出的部分自动隐藏,并在文本行末打点提示后面还有内容,那需要在CSS中添加以下样式: .exceedStr { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
获取select下拉列表框所有选中的值
$("select").focusout(function() { //设置下拉列表框change事件 var strSel = $("select").val().join(","); //获取下拉列表框所选中全部选项值 $("#p1").html(strSel); //显示下拉列表框所选中全部选项值 })
DIV圆角
border-radius: 10px;
JS取屏宽、高
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网页高度 window.document.body.offsetWidth; 返回当前网页宽度(注:这个[JS取屏宽、高]引用自:http://blog.csdn.net/zhang6622056/article/details/7097918)
Ajax请求格式
$.ajax({ async:false,//是否异步。默认为false,可省 url: actionUrl.CheckTryBuyPhone, cache: false,//默认为false,可不写 data: { "phone": temp },//{"key1":"value1","key2":value2",... ...} dataType: "json",//返回格式 type: "post",//提交方式 beforeSend:function(){ //开始提交到服务器到服务器返回数据之间要执行的代码 }, success: function (data) { if (parseInt(data.Code) != 10) { //或Switch } }, error: function () { //出错异常 }
判断是release还是其它版本
#if(RELEASE) mails = "isaac@meiyuetao.com;marry@meiyuetao.com;jason@meiyuetao.com;evan@meiyuetao.com;"; #elif(intranet || DEBUG || BETA) mails = "jason@meiyuetao.com;summer@meiyuetao.com;andy@meiyuetao.comevan@meiyuetao.com;"; #endif
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解
- css文本框与按钮美化效果代码
- 解决ie动态修改link样式,import css不刷新的问题
- 用css filter做鼠标滑过图片效果