jQuery教程

jQuery

本文主要是介绍jQuery，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航