引入jQuery
jQuery ：write less,do more
引入方式
<script src="jquery-3.3.1.min.js" type="text/javascript"></script>jQuery库在
https://jquery.com/download/
点击链接打开后，在浏览器的另存为，自己便保存为了jquery-3.3.1.min.js。
引入方式
必须要在第一个
<script></script>标签中写入，这个里面不能写其他内容。
jQuery 的优势
- 小，压缩后<100kb;
- 强大的选择器 ＜ｃｓｓ３
- 出色的ＤＯＭ封装
- 事件处理，出色的浏览器兼容性，插件支持，隐式迭代简化
基本语法
$(document).ready();DOM 对象和jQuery对象
//DOM对象
var objDOM=document.getElementById("title");
var objDOM=objDOM.title;
//jQuery 对象
$(document).ready(function () {
alert($("#p1")).html();
})变换字体颜色的案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function () {
$("p").css('color','blue');
})
})
</script>
</head>
<body>
<p>我是红色</p>
<button type="button">点击红变蓝</button>
</body>
</html>
573
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
