JQuery

是JS一个库文件,将Webapi的属性或方法进行了二次封装.

核心思想是隐式迭代,链式编程.

=设计初衷引用作者一句话:wirte less, do more!

编写第一个JQuery程序

<title>第一个简单的jQuery程序</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            alert('你好,欢迎来到jQuery世界')
        });
    </script>

$(document).ready()方法和window.load方法的区别

执行时间:$(document).ready()在页面框架下载文本才执行;

而window.load必须等页面全部加载下载完毕才能执行;

前者效率高于后者

执行数量不同:$(document).ready可以重复写多个,每次执行结果不同;

window.load虽然也可以执行多个,但仅输出一个执行结果

$(document).ready(functiong{})
可以简称成
$(function(){})

利用JQuery控制DOM对象

遍历内部的DOM元素的过程叫做: 隐式迭代 (把匹配的所有元素遍历循环,给每个元素添加css这个方法)

  <script src="../js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <script>
        $("ul li").css("backgroundColor", "yellow");
//获取第一个li
// 		var firstLi = $("ul li:first-child")
//      console.log(firstLi);
    </script>
</body>