一、今日课堂总结
- 获取对象用"$()"。
- 操作对象用"方法名()"。
- 链式编程。(讲解代码在下面)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="" id="baidu">baidu.com</a>
<script type="text/javascript">
var jq = new Object();
jq.element = null;
jq.html = function(content) {
jq.element.innerHTML = content;
return jq;
}
jq.css = function(prperty,value) {
jq.element.style[prperty] = value;
return jq;
}
jq.element = document.getElementById("baidu");
jq.html("百度").css("color","red");
</script>
</body>
</html>
二、预习jq效果
方法 | 描述 | 语法 |
---|---|---|
hide() | 隐藏HTML 元素 | $(selector).hide(speed,callback); |
show() | 显示 HTML 元素 | $(selector).show(speed,callback); |
fadeIn() | 用于淡入已隐藏的元素 | $(selector).fadeIn(speed,callback); |
fadeOut() | 用于淡出可见元素 | $(selector).fadeOut(speed,callback); |
fadeToggle() | fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果 | $(selector).fadeToggle(speed,callback); |
fadeTo() | 允许渐变为给定的不透明度(值介于 0 与 1 之间) | $(selector).fadeTo(speed,opacity,callback); |
slideDown() | 用于向下滑动元素 | $(selector).slideDown(speed,callback); |
slideUp() | 用于向上滑动元素 | $(selector).slideUp(speed,callback); |
slideToggle() | slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。如果元素向下滑动,则 slideToggle() 可向上滑动它们。 | |
如果元素向上滑动,则 slideToggle() 可向下滑动它们。 | $(selector).slideToggle(speed,callback); | |
animate() | 用于创建自定义动画 | $(selector).animate({params},speed,callback); |
stop() | 用于停止动画或效果,在它们完成之前 。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画 | $(selector).stop(stopAll,goToEnd); |
三、今日总结
今天课听的很认真,课后还有些懈怠,明天要加油。