jQuery

2022-04-06 23:04:35 作者：互联网

JQuery

1.概念：一个JavaScript框架，可以简化JS开发

　　*jquery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或　　　　　　JavaScript框架)。juery设计的宗旨是"“write Less, Do More"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优征HTML文档操作、事件处理、动画设计和Ajax交互。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义js框架</title>
</head>
<body>

    <div id="div1">div1...</div>
    <div id="div2">div2...</div>

<script>
    //1.根据id获取元素对象
    var div1 = document.getElementById("div1");
    var div2 = document.getElementById("div2");
    var div3 = get("div1");
    var div4 = get("div2");//简化了书写
    //2.获取标签体内容
    alert(div1.innerHTML);
    alert(div2.innerHTML);
    alert(div3.innerHTML);
    alert(div4.innerHTML);
    //封装方法：根据id来获取元素对象

    function get(id){
        var obj = document.getElementById(id);
        return obj;
    }

</script>

</body>
</html>

View Code

若创建一个javascript文件，并把function方法放入其中，然后在在原html文件中调用，则可称其为一个js框架。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义js框架</title>
    <script src="js/itcast.js"></script>
</head>
<body>

    <div id="div1">div1...</div>
    <div id="div2">div2...</div>

<script>
    //1.根据id获取元素对象
    var div1 = document.getElementById("div1");
    var div2 = document.getElementById("div2");
    var div3 = get("div1");
    var div4 = get("div2");//简化了书写
    //2.获取标签体内容
    alert(div1.innerHTML);
    alert(div2.innerHTML);
    alert(div3.innerHTML);
    alert(div4.innerHTML);
</script>

</body>
</html>

View Code

    //封装方法：根据id来获取元素对象

    function get(id){
        var obj = document.getElementById(id);
        return obj;
    }

View Code

标签：jQuery,innerHTML,id,var,alert,div2,div1
来源： https://www.cnblogs.com/headl-voi/p/16110044.html