技术总结-javascript(一)

事件

click ,focus , blur ,input ,change ,toggle,contextmenu//点击鼠标右键

函数

字符串转整型

parseInt

文本取值赋值

$(“#id”).val(“value”);

元素内容赋值

this.$el.html(““);
self.els.chatListWrap.prepend(html);
self.els.chatListWrap.append(html);

字符串截断

content.substr(start,length)
uid.charAt(0)
uid.substring(start, end);

类添加删除

el.addClass(“btn-disabled”);
el.removeClass(“btn-disabled”);
self.els.chatBtn.hasClass(“btn-disabled”)

滚动到顶端

scrollTop

绑定事件

$(“.chat-list”).bind(“touchstart”, function (e) {
self.touchStart(e);
})

定时器

setInterval , clearInterval
setTimeout, clearTimeout(id_of_settimeout)

样式修改

self.els.chatWrap.css(“margin-right”, “50px”);
self.els.chatWrap.css(“margin-right”);

属性值修改

$(“img”).attr(“width”,”180”);$(“p”).removeAttr(“id”);

data属性取值

self.els.chatIMList.data(“hasanimate”)

元素动画

animate

元素隐藏显示

self.els.chatBtn.show();
self.els.chatBtn.hide();

元素查找

$(“#” + localid).find(“.i-loading”)

字符串转小写

string.toLowerCase()

字符串包含

_.contains(self.sendMsgIds, item.messageId)
input.indexOf(‘@’) > -1

激活的元素失去焦点

document.activeElement.blur();

Math

Math.min(headcount + 1, uid.length - headcount);

Url endcode,decode

encodeURIComponent(location.href));
decodeURI(txt);

元素删除

self.els.chatListWrap.find(“li”).first().remove();

获取时间

(new Date()).getTime();

数组遍历

_.each(messages, function (item) {})

高度

document.body.scrollHeight
document.body.clientHeight
$(“body”).scrollTop()

字符串替换

stringObject.replace(regexp/substr,replacement)

html字符转义

var div = document.createElement('div');
div.appendChild(document.createTextNode(s));
return div.innerHTML;

localstorage

localStorage.getItem(“CURRUNTTAB”)
localStorage.setItem(“frompageurl”, frompageurl)
localStorage.removeItem(“CURRUNTTAB”);

JSON

JSON.parse(string);
JSON.stringify(object)

模板赋值

var temGroupResult = '<% _.each(Rdata,function(item){ %> <li data-gid="<%= item.Gid %>"><a href="#"><%=  ' + displayNameCalcu + ' %></a></li> <% }) %>';
searchResult.html("").append(_.template(temGroupResult, {
                        Rdata: filterGroupList,
                        isReadUidAuth: isReadUidAuth,
                        encodingUid: self.uidEncoding
                    }));

其他

.siblings(selector) 获得匹配集合中每个元素的同胞
$(":eq(index)") 选择器选取带有指定 index 值的元素。
.closest(selector)获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。
$(selector).proxy(function,context)
$.proxy方法接受一个已有的函数，并返回一个带特定上下文的新的函数。
该方法通常用于向上下文指向不同对象的元素添加事件。