今日学习内容:
1.jQuery 的原理、语法、使用方法。
Query 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 库可以通过一行简单的标记被添加到网页中。
2.jQuery效果、jQuery HTML 操作
效果:隐藏、显示、切换,滑动,淡入淡出,以及动画
jQuery HTML操作:jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
今日作业:
1.完成课堂练习20遍,由于时间关系每个只完成了5遍左右。
部分代码展示:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<script type="text/javascript" src="doke.js"></script>
</head>
<body>
<h1 id="hj">Hello, jQuery</h1>
<script type="text/javascript">
$("hj").innerHTML = "你好,jQuery";
$("hj").style.color = "red";
</script>
</body>
</html>
var $ = function(id) {
return document.getElementById(id);
}
2.预习 jQuery 遍历一章节.
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。