代码编写
- 课堂代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css"></style>
</head>
<body>
<a id="baiduEle" href="http://www.baidu.com">baidu.com</a>
</body>
<script type="text/javascript">
var jq = new Object();
jq.element = null;
jq.html = function (content) {
this.element.innerHTML = content;
return this;
}
jq.css = function(property, value) {
this.element.style[property] = value;
return this;
}
jq.element = document.getElementById("baiduEle");
jq.html("百度").css("color", "red");
</script>
</html>
预习内容
- jQuery的效果函数
| 方法 |
描述 |
| animate() |
对被选元素应用“自定义”的动画 |
| clearQueue() |
对被选元素移除所有排队的函数（仍未运行的） |
| delay() |
对被选元素的所有排队函数（仍未运行）设置延迟 |
| dequeue() |
运行被选元素的下一个排队函数 |
| fadeIn() |
逐渐改变被选元素的不透明度，从隐藏到可见 |
| fadeOut() |
逐渐改变被选元素的不透明度，从可见到隐藏 |
| fadeTo() |
把被选元素逐渐改变至给定的不透明度 |
| hide() |
隐藏被选的元素 |
| queue() |
显示被选元素的排队函数 |
| show() |
显示被选的元素 |
| slideDown() |
通过调整高度来滑动显示被选元素 |
| slideToggle() |
对被选元素进行滑动隐藏和滑动显示的切换 |
| slideUp() |
通过调整高度来滑动隐藏被选元素 |
| stop() |
停止在被选元素上运行动画 |
| toggle() |
对被选元素进行隐藏和显示的切换 |
今日学习总结
- 代码多写多练才能熟悉，每天把课堂代码多写写，不会的在网上找找，问问老师。
- 每天给自己定个目标，然后完成这个目标，时间充分利用。