JQuery 的Hello,World

学习JQuery首先需要掌握一点html、css及一些简单的Javascript的知识,不然学起来有点困难

使用JQuery第一步:下载JQuery。我的JQuery2.1.0的分享地址 
使用JQuery第二步:将JQuery倒入到html中:

最后一步编写JQuery代码:

hellojquery.html:

<html>
    <head>
        <title>Hello Jquery</title>

        <script src="jquery-2.1.0.js"></script>

        <script type="text/javascript">
            $(function(){
                $("#demo").click(function(){
                    alert("Hello,World!");
                });
            })
        </script>
    </head>

    <body>
        <input type="button" id="demo" value="Click Me" />
    </body>
</html>

用浏览器打开这个文件,点击button查看效果。


解释一下code:

 $(function(){

})

 上面的code在网页加载的时候触发,

$("#demo")  通过id选择器获取id为demo的这个web元素来进行操作



JQuery 的Hello,World,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。