csdn第一个文件-CSDN博客

本文链接：https://blog.csdn.net/html_xiaojiu/article/details/107976073

jQery这是我的第一个csdn文档

一.jQery初认识

1，

<body>
    <!-- 
       什么是jq就是javascript的函数库，是一个写的少，做的多的库
     -->
     <P>我是段落一</P>
     <P>我是段落二</P>
     <P>我是段落三</P>

     <script>
         $(document).ready(function(){
    //$就是一个jq对像   **$()  ==  jQuery()  ==  new jQuery()** 
             $("p").click(function(){
     // $ == jQuery**
                 $(this).hide();//this表示点击的元素
             });
         });
     </script>
</body>

点击对应的段落改段落会隐藏
加载初始的样子

注意事项：当要运用到jQ的时候要加载jQ的库可以是网上加载也可以是下载库后在本地加载
https://www.bootcdn.cn/这个网址可以下载你需要的库

二.文档就绪事件

<body>
    <!-- 文档就绪事件就是相当于之前我们使用的window.onload(){} -->
    <h1>我已经准备好了啊</h1>

    <script>
        $(document).ready(function(){
    
           
        });

        $(function(){
    

        })//这是上面的简写
    </script>
</body>

注意：这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。

如果在文档没有完全加载之前就运行函数，操作可能失败。

三. jQ中的选择器

<body>
     <p id="first">我是段落一</p>
     <p >我是段落二</p>
     <p class="text">我是段落三</p>
     <P >我是段落四</P>
     <P class="text