jquery常用写法简单记录

好久不写东西了......话不多说,主要记录一下,最近做的项目中用到的js的记录(虽然特别特别简单)

一 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');
      }
    })
  }

  

上一篇:[matlab] 18.图与网络 (转载)


下一篇:JQuery常用API 核心 效果 JQueryHTML 遍历 Event事件