jQuery：一次与JavaScript的深入交流-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_80304567/article/details/144618117

学习感受

从开始的懵懵圈圈，逐渐到有所了解清晰，这个过程，属实是有点吓人，还是得全面的看整个体系，然后再填充知识，之后才能在填充知识的过程中可以清楚的填充，可以很清楚的套用以终为始，从最开始的python，那时的资源只需要看视频，然后到之后的查询csdn，再到查询ai，然后到使用百度高级搜索，最后到ai和百度混用，在这个过程中，我能够清楚的明白，我的搜索能力仍然有待提高，也许是因为很多高级搜索出来的我的问题，并没有很恰当的解释，就像我使用高级搜索之后，出现的极客教程，思否开发者，百度开发者，阿里开发者中提到的类似的文档中的知识等等，如果仍然没有解决的话，我会去查相关的API文档，比如mdn（居多）、w3c（用的比较少）。

在学习JavaScript的前提，了解了网页的基础部分，HTML明白了，然后让页面动起来，就有了JavaScript，在学习JavaScript过程中，涉及到了一些CSS（Cascading style sheet），于是就使用了1.5小时，速通了一下它，直到学习jQuery，发现基本上使用起来是一样的。

学习jQuery最大的感受就是和之前学过的HTML、CSS、JavaScript这些前端三套连起来了，然后又进一步学习了JavaScript，深入了解了一点链式编程的思想，可以说，能"."就是轻松，不过相应的可读性也就不是那么好了，此时的注释就要跟上了。

思维导图与二维表

其余的二维表直接获取对应文档资源即可。

选择器	css	jQuery
id 选择器	#myId	$("#myId")
类选择器	.myClass	$(".myClass")
标签选择器	div	$("div")
层次选择器	div > a	$("div > a")
伪类选择器与过滤器	p:first{ font-size: 20px}	$("p").first().css("font-size", "20px"); $("p:first").css("font-size", "20px"); 伪类与过滤器类似，可以使用链式方法实现过滤

CSS中伪类选择器（mdn文档）

这个是针对 css 伪类的介绍，主要是里面的内容确实是太深了

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery - 3.6.0.min.js"></script>
    <style>
        p {
            font - size: 16px;
        }
    </style>
</head>
<body>
    <p>这是第一个段落。</p>
    <p>这是第二个段落。</p>
    <script>
        //方法一
        $("p").first().css("font - size", "20px");
        //方法二写css文件的时候写成这个玩意
        p:first {
          font-size: 20px;
        };
    </script>
</body>
</html>

比较内容	$("p").first()	$("p:first")
what	一个 jQuery 操作。先进行选择，在进行筛选	一个选择器表达式，少去了选择所有再筛选
where	比较依赖文档加载完成；$(document).ready(function(){ var firstPara = $("p").first(); firstPara.css("color", "red"); });	不是很依赖这个加载状态，但是最好还是选择上这种加载完毕的; 在某种程度上，对文档加载没有那么严格
耦合性	较弱，先选择，再筛选	较强，直接选中，比较依赖 HTML 文档中的内容