最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery事件與動畫基礎(chǔ)詳解

 更新時間:2017年02月23日 09:00:05   作者:瞿亮  
本文主要介紹了jQuery事件與動畫的基礎(chǔ)知識,具有很好的參考價值,下面跟著小編一起來看下吧

今天我們就談?wù)刯query中的事件和簡單動畫吧,它們畢竟基礎(chǔ)是進(jìn)階華麗的根本??!

1.事件

1.window事件

ready   準(zhǔn)備就緒

2.鼠標(biāo)事件

方法                        執(zhí)行時機(jī)

click(fn)                單擊鼠標(biāo)

$(document).ready(function(){
 $("dd>img").click(function(){
 $("dt>img").show();
 });

mouseover(fn)     鼠標(biāo)指針移過時

mouseout(fn)       鼠標(biāo)指針移出時

 $("#nav .navsBox ul li").mouseover(function(){
  $(this).addClass("onbg"); //為該元素添加類樣式.onbg
 }).mouseout(function(){
  $(this).removeClass("onbg");//為該元素移除類樣式.onbg
 });

hover()

 $(".top").hover(function(){
  $(this).addClass('bgreen');
 },function(){
 $(this).removeClass('bgreen');
 }); 

3.鍵盤事件

keydown()        按下鍵盤時

keyup()             釋放按鍵時

keypress()        產(chǎn)生可打印的字符時

$(function(){
 $("[type=password]").keyup(function(){
 $("#e").append("keyup");
 }).keydown(function(){
  $("#e").append("keydown");
 }).keypress(function(){
  $("#e").append("keypress");
 });
 
 $(document).keydown(function(event){
  if(event.keyCode=="13"){
  alert("確認(rèn)要提交么???");
  }
 });
});

4.表單事件

focus()             獲得焦點

blur()                失去焦點

$(function(){
  $("input").focus(function(){ 
   $(this).next().css("color","red");
   //alert("1123");
  });
  $("input").blur(function(){
   $(this).next().css("color","");
  });
  });

綁定事件與移除事件

bind(type,[data],fn)   (綁定)

type     主要包括blur,focus,click,mouseout等基礎(chǔ)事件,此外,還可以是自定義事件

[data]   作為event.data屬性值傳遞給事件對象的額外數(shù)據(jù)對象,該參數(shù)不是必需的

fn         用來綁定處理函數(shù)

unbind([type],[fn])    (移除)

type    主要包括blur,focus,click,mouseout等基礎(chǔ)事件,此外,還可以自定義事件

fn        用來解除綁定的處理函數(shù)

$(function(){
 $("li").bind({
 mouseover:function(){
 $(this).css("background-color","green");
 },mouseout:function(){
 $(this).css("background-color","");
 }
 });
 $("li").unbind();
});
 

2.動畫

1.控制元素顯示與隱藏  $(selector).show([speed],[callback])

  $(selector).hide([speed],[callback])

speed:可選。規(guī)定元素從隱藏(顯示)到可見(不可見)的速度

callback :可選。show函數(shù)執(zhí)行完了之后,要執(zhí)行的函數(shù)

$(function(){
  $("p:visible").hide(100);
 });
 //$("p:hidden").show(100);

2.改變元素的透明度

$(function(){
 $("input").click(function(){
  $("img").fadeOut(100); //淺出
  //$("img").fadeIn(100); 淡入
 });
 })

3.改變元素的高度

$(function(){
 $("h2").click(function(){
 // $(".txt").slideup();
 $(".txt").slideDown();
 });
});

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

相關(guān)文章

最新評論

新河县| 义乌市| 玛沁县| 依安县| 交城县| 临江市| 台山市| 将乐县| 江都市| 嘉禾县| 河池市| 保亭| 尤溪县| 天长市| 会同县| 栖霞市| 三明市| 铜山县| 五河县| 讷河市| 疏附县| 阿图什市| 沁阳市| 双牌县| 和林格尔县| 恩平市| 清水河县| 泽库县| 修武县| 濉溪县| 社旗县| 花莲县| 河曲县| 丹东市| 湘乡市| 呼和浩特市| 财经| 易门县| 唐山市| 腾冲县| 宜昌市|