jQuery基础代码练习

Posted 2020-09-05 胡智杰

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery基础代码练习相关的知识，希望对你有一定的参考价值。

html<html<head lang="en"<meta charset="UTF-8"<titletitle</head<body<h1</h1<brbr<div id="div1"<div</div<div<div</div</div<div<div</div<div</div</div<div</div</div<brbr<ol<li</li<li</li<li</li</ol<hr<script src="../jQuery/jquery-1.12.2.min.js"script<script$("div div:last").css("color","orange");
    ($("div div div:first-child").css("font-size","24px"));
    alert($("div div div").length);
script<brbr<form action="#"<input type="text" onblur="aa()"<br<input type="password"  onblur="bb()"<br</form<brbr<ol<li</li<li</li</ol<script src="../jQuery/jquery-1.12.2.min.js"script<scriptfunction aa(){
        if($("form input").eq(0).val()==""){
            $("form input").eq(0).val("请输入姓名:");
        }
        else{
            alert($("form input").eq(0).val());
        }
    }
    function bb(){
        var changdu=$("form input").eq(1).val().length;
        if(changdu>20){
            var num= $("form input").eq(1).val().substr(0,20);
            $("form input").eq(1).val(num);
        }
    }
script</body</html>

以上是关于jQuery基础代码练习的主要内容，如果未能解决你的问题，请参考以下文章