六大模擬器排行榜（六大模擬器排行榜下載）
2024-08-25
更新時間：2024-08-25 00:10:01作者：未知
事件之營造事件
click觸發(fā)每一個匹配元素的click事件。
//將頁面內所有段落點擊后隱藏。
$(“p”).click( function () { $(this).hide(); });
mouseover當鼠標指針位于元素上方時，會發(fā)生 mouseover 事件。
//當鼠標指針位于元素上方時時，改變元素的背景色：
$(“p”).mouseover(function(){
$(“p”).css(“background-color”,”yellow”);
});
mouseout當鼠標指針從元素上移開時，發(fā)生 mouseout 事件。
//當鼠標從元素上移開時，改變元素的背景色
$(“p”).mouseout(function(){
$(“p”).css(“background-color”,”#E9E9E4″);
});
bind()為每個匹配元素的特定事件綁定事件處理函數。
// 當每個段落被點擊的時候，彈出其文本。
$(“p”).bind(“click”, function(){
alert( $(this).text() );
});
事件之合成事件
hover()一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態(tài)。
$(“.class”).hover(
function () {
$(this).addClass(“hover”);
},
function () {
$(this).removeClass(“hover”);
}
);
事件之模擬事件
trigger();在每一個匹配的元素上觸發(fā)某類事件。
//模擬客戶提交表單
$(“form:first”).trigger(“submit”);
//模擬客戶點擊
$(‘.cla’).trigger(‘click’);
//模擬元素獲得焦點
$(‘#text’).trigger(‘focus’);
表單操作
val()獲得或者設置匹配元素的當前值。
//獲取輸入框user的值
$(“input[name=’user’]”).val();
//修改輸入框user的值
$(“input[name=’user’]”).val(2323);
prop()修改、獲取表單屬性值
//獲取到屬性值
$(“input[name=’user’]”).prop(‘value’);
// 禁用
$(“input[name=’user’]”).prop(‘disabled’,true);
//選中
$(“input[name=’love’]”).prop(‘checked’,true);
jquery動畫
show()顯示隱藏的匹配元素
//將選中的元素顯示出來
$(“p”).show();
//將選中的元素緩慢的顯示出來，有slow、normal、fast 或者是毫秒數
$(“p”).show(“slow”);
//回調函數，完成效果后執(zhí)行這個函數
$(“p”).show(“fast”,function(){
$(this).text(“show time !”);
});
hide()隱藏顯示的元素
//將選中的元素隱藏出來
$(“p”).hide();
//將選中的元素緩慢的隱藏出來，有slow、normal、fast 或者是毫秒數
$(“p”).hide(“slow”);
//回調函數，完成效果后執(zhí)行這個函數
$(“p”).hide(“fast”,function(){
alert($(this).text());
});
fadeIn()改變不透明度，直到顯示
fadeOut()改變不透明度，直到”消失”
slideUp()改變高度，直到隱藏
slideDown() 改變高度，直到完全顯示
animate()自定義動畫
可以根據自己的需要進行定制動畫。
//同時執(zhí)行
$(“.one”).animate({
width: “800px”,
height: “500px”,
fontSize: “20px”,
borderWidth:’10px’
}, 1000 );
//順序執(zhí)行
$(“.one”).animate({
width:”800px”
},3000).animate({
height:”500px”
},2000).animate({
fontSize :”30px”
},2000);
stop()清除隊列，避免動畫循環(huán)
$(‘.one’).hover(function(){$(this).stop().animate({width:”300px”,height:”400px”},1000);},function(){
$(this).stop().animate({width:”200px”,height:”200px”},1000);
});
其他動畫：
toggle()slidToggle()
fadeTo()fadeToggle()
綜合應用于jquery選項卡、表單驗證、圖片輪播等等。