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 = "[email protected];[email protected];[email protected];[email protected];";
#elif(intranet || DEBUG || BETA)
mails = "[email protected];[email protected];[email protected]@meiyuetao.com;";
#endif