jQuery基础--样式篇（2）

　　老套路，最开始上手就是写一个“Hello world!”,使用jQuery后获取元素十分简单，如下面获取div的对象，原生的javascript代码：document.getElementsByTagName(div)

使用jQuery就是：$("div)，是不是觉得简单很多。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>第一个简单的jQuery程序</title>
    <style type="text/css">
        div{
            padding:8px 0px;
            font-size:12px;
            text-align:center;
            border:solid 1px #888;
　　　　　　　width:300px;
　　　　　　　margin:0 auto;

        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function() {
                $("div").html("Hello world!")
            });
    </script>
</head>
<body>
    <div></div>
</body>
</html>

 

posted @ 2016-06-18 17:31  王甘林  阅读(149)  评论(0)    收藏  举报