事件之營造事件
click觸發每一個匹配元素的click事件。
//將頁面內所有段落點擊后隱藏。
$(“p”).click( function () { $(this).hide(); });
mouseover當鼠標指針位于元素上方時，會發生 mouseover 事件。
//當鼠標指針位于元素上方時時，改變元素的背景色：
$(“p”).mouseover(function(){
$(“p”).css(“background-color”,”yellow”);
});
mouseout當鼠標指針從元素上移開時，發生 mouseout 事件。
//當鼠標從元素上移開時，改變元素的背景色
$(“p”).mouseout(function(){
$(“p”).css(“background-color”,”#E9E9E4″);
});
bind()為每個匹配元素的特定事件綁定事件處理函數。
// 當每個段落被點擊的時候，彈出其文本。
$(“p”).bind(“click”, function(){
alert( $(this).text() );
});
事件之合成事件
hover()一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法。這是一個自定義的方法，它為頻繁使用的任務提供了一種“保持在其中”的狀態。
$(“.class”).hover(
function () {
$(this).addClass(“hover”);
},
function () {
$(this).removeClass(“hover”);
}
);
事件之模擬事件
trigger();在每一個匹配的元素上觸發某類事件。
//模擬客戶提交表單
$(“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”);
//回調函數，完成效果后執行這個函數
$(“p”).show(“fast”,function(){
$(this).text(“show time !”);
});
hide()隱藏顯示的元素
//將選中的元素隱藏出來
$(“p”).hide();
//將選中的元素緩慢的隱藏出來，有slow、normal、fast 或者是毫秒數
$(“p”).hide(“slow”);
//回調函數，完成效果后執行這個函數
$(“p”).hide(“fast”,function(){
alert($(this).text());
});
fadeIn()改變不透明度，直到顯示
fadeOut()改變不透明度，直到”消失”
slideUp()改變高度，直到隱藏
slideDown() 改變高度，直到完全顯示
animate()自定義動畫
可以根據自己的需要進行定制動畫。
//同時執行
$(“.one”).animate({
width: “800px”,
height: “500px”,
fontSize: “20px”,
borderWidth:’10px’
}, 1000 );
//順序執行
$(“.one”).animate({
width:”800px”
},3000).animate({
height:”500px”
},2000).animate({
fontSize :”30px”
},2000);
stop()清除隊列，避免動畫循環
$(‘.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選項卡、表單驗證、圖片輪播等等。
本文由網上采集發布，不代表我們立場，轉載聯系作者并注明出處：http://www.seensnowboarding.com/shbk/39091.html
相關推薦
-
js彈窗編程代碼大全（網頁html彈窗公告代碼）
JavaScript 彈出框處理 js彈出框的方法使用： 先使用switch_to.alert切換到瀏覽器彈出框 再使用alert類的操作方法： dismiss()：取消 accept()：確定 text()：獲取彈框...
-
編寫html的軟件有哪些（常用編寫軟件以及基本結構）
html常用編寫軟件以及基本結構 編輯器(vscode,hbuilder,webstrom)-a.html 瀏覽器 vs code 官方下載網站：https://code.visualstudio.com/ !+ enter 創建模板(得到下面模板) !DOCT...
-
html中div水平居中（垂直居中的多種方式）
馬上又要到秋招的時候了，又有不少人打算換工作了。前端在面試中總會被問到的一道基礎題div居中方法，這里給大家總結一下都有哪些常用的方法。 絕對...
-
html用什么軟件編寫好一點（常用編寫軟件以及基本結構
html 常用編寫軟件以及基本結構 編輯器(vscode,hbuilder,webstrom)-a.html 瀏覽器 vs code 官方下載網站：https://code.visualstudio.com/ !+ enter 創建模板（得到下面模板） ...
-
html文本格式（40個常見的html標簽及含義）
HTML基本標簽，即超文本標記語言(HyperText Markup Language)。 標簽是由小于號()+中間字符+大于號()組成的代碼(英文字符)組成的，主要是用來標記內容模塊的，也...
-
html網站制作案例（精選20個網站建設成功模板）
很多初學者喜歡自己看安裝視頻，研究如何搭建一個網站，因為這樣不僅能夠學到一些關于網站建設的一些基礎知識，還能夠省下一大筆成本。其實如果是...
-
html簡單網頁代碼（制作網頁代碼大全）
太Low了，網頁居然還用這么老掉牙的特效！弄個粗體字，下劃線就是突出重點了？真是一股濃濃的鄉村風撲面而來；弄個圖在頁面飄來飄去就是動畫效果了...
-
html加空格的方法（html文字間加空格）
HTML 代碼約定 很多 Web 開發人員對 HTML 的代碼規范知之甚少。 在2000年至2010年，許多Web開發人員從 HTML 轉換到 XHTML。 使用 XHTML 開發人員逐漸養成了比較好的...
-
html回車代碼怎么寫（回車代碼操作技巧）
在Windows系統中打開txt文檔時，最下面的Windows(CRLF)是什么提示呢? 和這個問題有關概念的一個應用場景是：當你需要在不同操作系統平臺(例如Unix和Windows)之...
-
html滾動圖片怎么做（html圖片左右滾動代碼）
無縫滾動的結構：一共兩個盒子，第一個大盒子下套第二個大盒子，第二個大盒子下有4張圖片，第一個大盒子寬度固定為600px，第二個大盒子寬度是400%; 原...
