good luck to you

JavaScript 常用知识点

文章目录

验证手机号格式

var reg = /^1(3|4|5|6|7|8|9)\d{9}$/;
var reg = /^1[3456789]\d{9}$/;
if (!(reg.test(phone))) console.log('phone format error');

JQuery获取相关节点

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr) 类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

jQuery.children(expr) 返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents() 返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点

jQuery.prev() 返回上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll() 返回所有之前的兄弟节点

jQuery.next() 返回下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll() 返回所有之后的兄弟节点

jQuery.siblings() 返回兄弟姐妹节点,不分前后

jQuery.find() 的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span")

验证 Int 类型

/**
 * Validate is int
 * @param string val
 * @return boolean
 */
function isRealInt(val = '')
{
    if (val == '') return false;
    var reg = /^[0-9]*$/;
    if (!reg.test(val)) return false;
    return true;
}

JQuery点击滑动到某个位置

function scrollTo(ele, speed) {
  if(!speed) speed = 300;
  if(!ele) {
    $("html, body").animate({scrollTop:0}, speed);
  } else {
    if(ele.length > 0) $("html, body").animate({scrollTop:$(ele).offset().top}, speed);
  }
  return false;
}

//滑动到顶部,速率为0.3秒
scrollTo();

//滑动某个元素的位置
scrollTo('#item', 300);

动态绑定 click 事件

// 绑定
$('#demo').on('click', 'li', function(){
    alert($(this));
})

// 解绑
$('#demo').off('click', 'li');
原文链接:,转发请注明来源!

发表评论