jQuery基础--样式篇

Posted 2020-07-26 王甘林--小小菜鸟

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery基础--样式篇相关的知识，希望对你有一定的参考价值。

　　老套路，最开始上手就是写一个“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>

以上是关于jQuery基础--样式篇的主要内容，如果未能解决你的问题，请参考以下文章

jQuery基础（样式篇，DOM对象，选择器，属性样式）

jQuery基础 —样式篇

jQuery基础 ——样式篇（属性与样式）

jQuery基础 ——样式篇（认识jQuery）

jQuery基础--样式篇