jquery常用書き方単純記録
5371 ワード
久しぶりに書きました・・・あまり話さないで、主に記録して、最近やったプロジェクトで使ったjsの記録(特に簡単ですが)
一jquery常用書き方記録
二常用方法記録
UAメソッドの記録
getcookieメソッドの記録
resizeイベントレコード
三注意事項
1.動的に生成された要素にイベントをバインドし、onを統一する
2.動的バインドの要素についてajax
一jquery常用書き方記録
jQuery(this).addClass("select").siblings().removeClass("select");
jQuery(this).parent().next('span').children('a').attr('href'); //
jQuery(this).parent().prevAll('.collgrid4w').children('.items').addClass('yk-v-sub-all');
jQuery(this).parent().prev('div').show();
jQuery("#yk-toolbar-con-list").scrollTop(0); //
jQuery("#yk-toolbar-con-list").prop('scrollTop',0);
jQuery('#loadsubscribe_left_wenzi').delay(500).slideUp(800);//0.5 ,
jquery dom
jQuery('#defaultuser_flag').length > 0 //
jQuery('#loadsubscribe_right_wenzi_recent').is(':visible');//
jQuery(this).find('div.num-dot-small')// , div
jQuery(this).find('div.num-dot-small:last').attr('data_date')// , div
$("div[id]") id div
$("div[id='ajaxa']") id ajaxa div
$("div[id!='ajaxa']") id ajaxa div
$("div[id^='ajaxa']") id ajaxa div
$("div[id$='ajaxa']") id ajaxa div
$("div[id*='ajaxa']") id ajaxa div
$("div[id][class='ajaxa']") id ajaxa div
$("div[id][title$='ajaxa']") id title ajaxa div
$("#uid").find("div.item[statistic!='al']")
id=uid , item div, statistic al
Safari (if( $.browser.safari)),
IE6 (if ($.browser.msie && $.browser.version > 6 )),
IE6 (if ($.browser.msie && $.browser.version <= 6 )),
FireFox 2 (if ($.browser.mozilla && $.browser.version >= '1.8' ))
二常用方法記録
UAメソッドの記録
function getUA() {
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
return Sys;
}
var browserVersion = getUA();
if (!browserVersion.safari){
}
getcookieメソッドの記録
function getCookie(name)
{
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
var uid = getCookie('_l_lgi');
resizeイベントレコード
(function () {
var fn = function () {
var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth,
r = 1280,
b = jQuery(document.body),
classname = b.className;
if (w <= r) {
b.removeClass('yk-toolbar-gte-w1280').addClass('yk-toolbar-w1280');
} else {
b.removeClass('yk-toolbar-w1280').addClass('yk-toolbar-gte-w1280');
}
}
if (window.addEventListener) {
window.addEventListener('resize', function () {
fn();
});
} else if (window.attachEvent) {
window.attachEvent('onresize', function () {
fn();
});
}
fn();
})();
三注意事項
1.動的に生成された要素にイベントをバインドし、onを統一する
$(document).on('click','#username',function(){})
$('#username li').on('click',function(){})
on , , , ;
id=username , , , document
2.動的バインドの要素についてajax
jQuery(document).on('click', "#yk-toolbar-con-update-rec .subscription_btn", function () {
var button_jquery = jQuery(this); // jQuery
var friend_uid_rec = jQuery(this).attr('userid');
jQuery.ajax({
xxx...
success:function(){
jQuery(this).html('xxx');// ,
button_jquery.html('xxx');
}
})
}