JQuery基础知识及DOM树四种方法

最新推荐文章于 2023-02-15 00:23:19 发布

opo77_

最新推荐文章于 2023-02-15 00:23:19 发布

阅读量304

点赞数

分类专栏：笔记文章标签： jquery

本文链接：https://blog.csdn.net/opo77_/article/details/108802816

版权

笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

JQuery
用过更加快速，便捷的方法实现常见的JavaScript任务。使用CSS样式选择器来获取元素
document.getElementById(“hot”);可替代为$("#hot")
用一行代码就能实现网页页面的更新，隐藏，显示元素等功能
document.getElementById(“ele”).doSomething();
document.getElementById(“ele”).doOtherthing();
可替代为
$("#ele").doSomething().doOtherthing();

输出hello World

<!DOCTYPE html>
<html lang="en">
<head> 
<meta charset="UTF-8">   
<meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>   
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
</head>
	<body>  
 		<div></div>   
   		<script>       
   		$(document).ready(function(){ 
  			$('div').html("hello World!")})   
   		 </script>  
  	 </body>
 </html>

jQuery公式$(selector).action()
selector代表选择符，.action（）代表我们即将进行的操作
eg：
$(document).ready()函数，
文档就绪事件，为了防止文档在完全加载之前运行jQuery代码**

Document Object Model简称DOM 文档对象模型
DOM规定了我们的浏览器该怎样创建HTML页面的模型，以及JavaScript怎样访问和修改页面中的内容。

document：文档节点
其他：元素节点
id名，class名：属性节点
标签之内的内容：文本节点