js标签
$(document).ready(function(){
});
事件
$("#b1").click(function(){ 鼠标点击
$("#b1").hover(function(){ 鼠标指向
$("#d1").mouseover(function(){ 鼠标移入
$("#d1").mouseout(function(){ 鼠标移出
方法
$(document).ready(function(){
$("#b1").click(function(){
$("#div1").css("background-color","yellow") 改变div颜色(替换颜色)
});
});
$("#ad").slideDown(1300); 滑动广告条滑动特效
$("#ad").slideUp(1300);
$("#ad").fadeIn(1300); div渐入特效
$("#ad").fadeOut(1300); div渐出特效
$("#d1").mouseout(function(){
$("#d1").show() 移出显示
$("#d1").mouseover(function(){
$("#d1").hide() 移入隐藏
$(document).ready(function(){
$("#xm").hover(function(){
$(this).addClass("div"); 单元格指向变色离开恢复添加css后在移除css
},function(){
$(this).removeClass("div")
});
$(document).ready(function(){
$("#quxiao").click(function(){
var b=$("#xm6").val("sss") 表单
alert(b)
});
$(document).ready(function(){
$("#queding").click(function(){
var a=$("#queding").text() 非 表单
alert(a)
});
append 在div后面出现 p10.20总结js
appendTo 把一个div赋值到一个div后面
prepend 在div前面出现
prependTO 把一个div赋值到一个div后面
empty 也是清除的意思只是清除里面的内容不清除div
addClass 添加css p10.20 42行
removeClass 清除div 47行
$("table td:odd").addClass("odd"); odd 单数添加css
$("table td:even").addClass("even"); even 双数添加css 43行
$("table td").hover(function(){
$(this).addClass("a2");
},function(){
$(this).removeClass("a2");
});
$("#按钮").click(function(){
var b=$("#文本框,表单之类的").val("输出的字")
alert(b)
$("#按钮").click(function(){
var b=$("#非表单").val("输出的字")
alert(b)
$("#a3").click(function(){
$("#a2").clone().appendTo("#a2"); .clone().appendTo() 复制成倍数增加 也就是克隆的意思 49行
});
display none 什么都不显示 css#b1
$("#b2").hover(function(){
$("#b1").show(1000) show (加显示速度) 显示 52行
});
$("#b2").mouseout(function(){
$("#b1").hide(1000) hide (加隐藏速度) 隐藏
});