Jquery中的常用事件举例

最新推荐文章于 2023-05-29 22:00:00 发布

living_ren

最新推荐文章于 2023-05-29 22:00:00 发布

阅读量1k

点赞数

分类专栏： JS 文章标签： javascript jquery

本文链接：https://blog.csdn.net/living_ren/article/details/78906317

版权

JS 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>jquery demo02</title>
</head>
<body>
   用户名：<input type="text" name="user" value="12343r4"><br>
   年龄：<input type="text" name="age" value=""><input type="button" class="btn" value="取整"><br>
   简介：<textarea id="desc"></textarea><span></span>
</body>

   <script src="./jquery.1.12.js"></script>

   <script type="text/javascript">
       //DOM加载完成自动调用
       $(document).ready(function(){

           //失去焦点事件
           $(":input[name=user]").blur(
               function(){
                   alert($(this).val());
               })

           //点击事件
           $(".btn").click(
               function(){
                   var age=$(":input[name=age]").val();

                   $(":input[name=age]").val(parseInt(age));
               })

           //键盘抬起事件
           $("#desc").keyup(
               function(){
                   var len=$('#desc').val().length;
                   var rest=20-len;
                   var span="您还有"+rest+"个字可以输入!";
                   $("span").text(span).css({color:'red'});
                   var value=$('#desc').val().substr(0,20);
                   $('#desc').val(value);
               })
       })
   </script>
</html>