您可以通过左右滑屏查看更多笔记内容。。

个人分享

14 Aug 2019 . category: tech .
更多笔记

8-14分享

#####　1.使用input输入框进行非空验证方法:

  • 判断输入框内容是否为空字符串，$(".class").val()=='';
  • 判断输入框内容长度是否为０：$(".class").val().length==0;
  • var str1 = null; 　　　str引用为空； var str2 = “”;　　　　 str引用一个空字符串； 也就是null没有分配空间，”“分配了空间，因此str1还不是一个实例化的对象，而str2已经实例化。
2.选择器中的last last-child

  • :last: 获取匹配的最一个元素

  • :last-child :匹配最后一个子元素

    :last 只匹配最后一个元素，而last-child将为每个父元素匹配最后一个子元素

  • :last-of type: 匹配E的父元素的最后一个E类型的孩子

有关代码：test1.html
function test(){
    var name=$(".name").val();
    alert(typeof(name));
    //进行姓名的非空验证
    if(name==''){
    alert("空字符串");
    }
    if(name ==null){
    alert("用户名为空，注册失败！");
    }
    if(name!=null){
    alert("恭喜您,注册成功!");
    }
    else{
    alert("用户名为空，注册失败！");
    }

    var str=null;
    var str1='null';
    alert(str);
    alert( typeof(str));
    var str1='';
    alert( typeof(str1));
}     

有关代码：html2
<body>
    <h3>last 与　last-child</h3>
    <ul>
        <li>list item 1</li>
        <li>list item 2</li>
        <li>list item 3</li> 
        <span>last-span</span>    
    </ul> 
    <ul>
        <li>list item 1</li>
        <li>list item 2</li>
        <li>list item 3</li> 
        <span>last-span</span>   
    </ul> 
</body>
<script>
    //----------------之前的困惑-----------------------
    var last=$('ul:last');
    var lastChild=$('ul:last-child');
    console.log(last);     
    console.log(lastChild);    
    //-------------------效果演示------------------------
    last.css({"border":"1px solid blue"});
    //  lastChild.css({"border":"1px solid blue"});        
</script>