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 (加隐藏速度) 隐藏
});



原文地址:https://www.cnblogs.com/xinxueyou/p/7866641.html