标签：jquery jQuery document 颜色 元素 body 学习 参数 文本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jquery使用</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
</head>
<body>
<script>
// JavaScript代码尝试在控制台中打印出jQuery对象和它的类型。
console.log( jQuery );
console.log(typeof jQuery );
// 如果jQuery已经加载，那么这将会显示"object"（或"function"，这取决于具体的JavaScript引擎和jQuery版本，但通常在现代浏览器中它会显示为"object"）。
// 如果jQuery没有加载，这将会显示"undefined"。
// $=jQuery,原则：写的少做的多
let fn =()=>{};
fn.title="php中文网";
console.log(fn.title);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>$()参数</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
</head>
<body>
<!-- <ul class="list" style = "color: red";> -->
<ul class="list" ;>
<li class="item">item1</li>
<li class="item">item2</li>
<li class="item">item3</li>
<li class="item">item4</li>
<li class="item">item5</li>
</ul>
<ul id="小明">
<li>看电影</li>
<li>喝奶茶</li>
</ul>
<ul class="小红">
<li>听音乐</li>
<li>睡觉</li>
</ul>
<!-- /红色 -->
<script>
// 1.选择器
// document.body.style.color = "green";
// 1.先找到所有类名为“item”且是类名为“list”的元素的子元素（或更深层级的后代元素），然后遍历这些元素，并将它们的文本颜色设置为绿色。
// document.querySelectorAll( ".list .item" ).forEach((item)=>(item.style.color = "green"));
// 绿色
// jQuery把文字改为蓝色
// $(".item").css('color','bule');
// 2.包装器
// 将 document.body 转换为 jQuery 对象，并尝试设置其文本颜色为蓝色。
// 这行代码是尝试设置 body 元素的文本颜色为蓝色，但这通常不会看到任何效果，因为 body 元素本身并不直接包含文本内容。body 元素是 HTML 文档的容器，它通常包含其他元素（如段落 <p>、标题 <h1> 等），这些元素会继承 body 元素的样式（包括颜色），但 body 元素本身的文本颜色属性不会影响其子元素的文本颜色，除非这些子元素没有自己的文本颜色设置。
// 然而，这里有一个关键点：即使 body 元素没有直接可见的文本内容，css("color", "blue") 仍然会设置 body 元素的 color 属性为蓝色。这不会改变任何已经存在的文本颜色（因为 body 没有文本），但会影响将来添加到 body 中的任何没有指定颜色属性的文本元素。
// 举个例子，如果你之后动态地向 body 添加了一个没有指定颜色的 <p> 元素，那么这个 <p> 元素的文本颜色将会继承自 body 的颜色设置，也就是蓝色。
// $(document.body).css("color","blue");
// console.log($(document.body)instanceof jQuery); //true //试图检查 $(document.body) 是否是 jQuery 的一个实例,返回true就是实例
// console.log(document.body instanceof jQuery);//false
// 3.html文本
$("<p>今天阳光真好呀！ o(*￣▽￣*)ブ 开心
标签：jquery,jQuery,document,颜色,元素,body,学习,参数,文本
From： https://www.cnblogs.com/QWD7986/p/18257804