Web前端第四季（jQuery） - SiKi学院|SiKi学堂 - unity|u3d|虚幻|ue4/5|java|python|人工智能|视频教程|在线课程

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>jQuery id选择器</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $(function(){
            // $("#one");//它会返回一个jQuery对象
            // $("#one").show();//display:block
            // $("#one").text("jQuery");


            // $("#one").get(0).innerText = "jQuery";
            //DOM对象
            // var div = document.getElementById("one");
            // div.innerText = "DOM";
            // document.getElementById("one").innerText = "DOM";


            // var div = document.getElementById("one");
            // div.style.display = "block";
            document.getElementById("one").style.display = "block";
        });
    </script>
</head>
<body>
    <div id="one" style="display:none">Category: Selectors</div>
</body>
</html>

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>jQuery id选择器</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
        $(function(){
            // $("#one");//它会返回一个jQuery对象
            // $("#one").show();//display:block
            // $("#one").text("jQuery");

            $("#one").get(0).innerText = "jQuery";
            //DOM对象
            // var div = document.getElementById("one");
            // div.innerText = "DOM";
            // document.getElementById("one").innerText = "DOM";

            // var div = document.getElementById("one");
            // div.style.display = "block";
            // document.getElementById("one").style.display = "block";
        });
    </script>
</head>
<body>
    <div id="one">Category: Selectors</div>
</body>
</html>

jQuery方式

jQuery文档
地址：http://api.jquery.com/
文档下面的几个分类
选择器       Selectors
属性操作   Attributes
特效       Effects
事件       Events
CSS样式处理   CSS
遍历       Traversing
操作DOM节点   Manipulation

jQuery对象和DOM对象的区别

获取并添加事件
$("#id").click(function(){ });

获取并设置内容
$("#id").innerHTML = ""; // 错误
$("#id").html("");

获取html元素
$("#id")
参数是选择器

选择器有哪些
全部、类、标签、ID、多个
选择器返回的是一个jQuery对象
http://api.jquery.com/category/selectors/basic-css-selectors/