您的位置:首页 > Web前端 > CSS

懒得写

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JS懒人 CSS