JQuery基础入门

最新推荐文章于 2023-07-10 20:46:27 发布

nobody\

最新推荐文章于 2023-07-10 20:46:27 发布

阅读量106

点赞数

分类专栏： JQuuery

本文链接：https://blog.csdn.net/qq_41255880/article/details/88643097

版权

JQuuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、JQuery 简介

JQuery是继Prototype之后又一个优秀的JavaScript库

2、JQuery 的优势

写的少，做的多

2.1、轻量级

2.2、强大的选择器

JQuery 允许开发者使用从CSS1到CSS3几乎所有的选择器

2.3、出色的DOM操作的封装

2.4、可靠的事件处理机制

2.5、完善的AJAX

JQuery 将所有的AJAX操作封装到一个方法$.AJAX()里

2.6、出色的浏览器兼容性

2.7、链式操作方式

3、文档就绪函数的三种写

    $(document).ready(function ()
     {
        alert("完整写法");
    });

    $().ready(function () 
    {

        alert("部分简写方法");
    });

    $(function () 
    {
        alert("简写方法");
    });

4、用户输入，点击button在页面上输出（并带有提示对话框）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function () {
            $("#Button1").click(function () {
                var res = confirm("是否查看内容？"); //添加提示对话框
                if (res == true) {                 //如果点击“是”则执行以下内容
                    var name = $("#Text1").val();  //获取Text1的值
                    $("#name").text(name);         //把获取到的值显示到页面中（下方div）
                    //alert("欢迎" + Text1.value + "登录"); //弹框提示
                }
            });
        });

    </script>
    <title></title>
</head>
<body>
    请输入名字:<input id="Text1" type="text" />
    <input id="Button1" type="button" value="查看" />
    <br />
    你的名字为:<div id="name">
    </div>
</body>
</html>

//#  获取id标签

nobody\

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery基础入门

1、JQuery 简介JQuery是继Prototype之后又一个优秀的JavaScript库2、JQuery 的优势写的少，做的多2.1、轻量级2.2、强大的选择器JQuery 允许开发者使用从CSS1到CSS3几乎所有的选择器2.3、出色的DOM操作的封装2.4、可靠的事件处理机制2.5、完善的AJAXJQuery 将所有的AJAX操作封装到一个方法$....
复制链接

扫一扫