jQuery1基础/层次选择器-jq非空验证

最新推荐文章于 2023-05-23 11:08:57 发布

l3579

最新推荐文章于 2023-05-23 11:08:57 发布

阅读量353

点赞数 1

文章标签： jquery

本文链接：https://blog.csdn.net/l3579/article/details/108787047

版权

昨天开始了第二个项目，这个的功能很多。
页面已经布局好，最重要的是添加功能。
今天了解了一下jQuery 。
jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。
需要HTML 的 script 标签引用

<script src="jquery-1.10.2.min.js"></script>

jQuery 入口函数:

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

基础选择器：
在这里插入图片描述

层次选择器：
在这里插入图片描述

用Jquery进行非空验证

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
 <meta charset="utf-8" />
    <script src="NewFolder1/jquery-1.7.2.js" type="text/javascript"></script>
    <script type="text/javascript">
       $(function () {
            $("#subm").click(function(){
                //获取用户名和密码
                var name = $("#name").val();
                var pwd = $("#pwd").val();
                if(name==""){
                    alert("请输入账号");
                }
                else if (pwd == "") {
                    alert("请输入密码");
                }
            })
        })
    </script>
</head>
<body>
    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" id="name" /></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" id="pwd" /></td>
        </tr>
        <tr>
            <td><input type="submit" id="subm" value="登录"/></td>
        </tr>
    </table>
</body>

l3579

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery1基础/层次选择器-jq非空验证

昨天开始第二个项目，这个的功能很多。页面已经布局好，最重要的是添加功能。今天了解了一下jQuery 。jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。需要HTML 的 script 标签引用<script src="jquery-1.10.2.min.js"></script>jQuery 入口函数:$(document).ready(function(){ // 执行代码});或者$(function(){
复制链接

扫一扫