前端開發框架篇(1)——JQuery的初步使用

      網友投稿 710 2022-05-29

      在前端開發中使用框架,不止極大的減少代碼量,而且將帶來意外的驚喜。

      這篇文章介紹的框架是JQuery,最值得說的是目前jQuery兼容于所有的主流瀏覽器, 包括Internet Explorer 6哦!!!

      一、安裝JQuery

      方式1;從官網下載,附-:JQuery下載,下載后,用標簽引用

      方式2:在網頁中直接引用,這里借用百度的CDN地址

      二、基礎語法

      采用$(selector).action()的方式選取 HTML 元素,并對選取的元素執行某些操作。

      這里的$就等于jQuery

      console.log($===jQuery)//true?說明:這里是引入了jQuery了的

      輸出結果:

      一般情況,為了防止網頁在完全加載(就緒)之前運行 jQuery 代碼,往往會采用以下方式:

      $(function(){? ????//?從這里開始寫?jQuery?代碼...? });

      三、jQuery 選擇器/$(selector)

      常見的有以下幾中使用:

      1、元素選擇器

      效果如下:

      點擊按鈕之前:

      點擊按鈕之后:背景色發生改變。

      2、#id選擇器

      將上面代碼改成#id選擇器,如下:

      前端開發之框架篇(1)——JQuery的初步使用

      代碼生成結果如第一種情況一樣,說明修改成功。

      3、.class選擇器

      將上面代碼改成.class選擇器,如下:

      點我

      代碼生成結果如第一種情況一樣,說明修改成功。

      四、事件處理/.action()

      事件處理程序指的是當網頁中發生某些事件時所調用的方法,如點擊按鈕時要觸發的調用方法可以用click。

      常見的事件如下:

      鼠標事件:click、dblclick、mouseenter、mouseleave、hover

      鍵盤事件:keypress、keydown、keyup

      表單事件:submit、change、focus、blur

      文檔/窗口事件:load、resize、scroll

      好了,JQuery的簡單介紹就到這里,喜歡的點個贊唄!

      掃碼,加微信,謝謝支持!

      軟件開發 jQuery

      版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。

      上一篇:MongoDB數據庫運維工具的使用
      下一篇:昇騰CANN社區版安裝體驗
      相關文章
      亚洲男人的天堂在线| 亚洲卡一卡2卡三卡4卡无卡三| 亚洲邪恶天堂影院在线观看| 久久国产成人亚洲精品影院| 亚洲男人天堂2020| 亚洲A∨精品一区二区三区| 亚洲成在人线aⅴ免费毛片 | 久久久久亚洲AV综合波多野结衣| 伊在人亚洲香蕉精品区麻豆| 亚洲国产模特在线播放| 亚洲狠狠婷婷综合久久久久| 亚洲AV午夜成人影院老师机影院| 久久久久亚洲AV片无码| 亚洲伊人久久大香线蕉苏妲己| 亚洲国产第一页www| 久久青青草原亚洲av无码app| 337p日本欧洲亚洲大胆精品555588 | 亚洲欧洲国产精品久久| 亚洲精品视频在线播放| 亚洲成人一级电影| 亚洲丰满熟女一区二区v| 亚洲熟妇无码八V在线播放| 亚洲欧美第一成人网站7777| 狠狠色伊人亚洲综合网站色| 亚洲酒色1314狠狠做| 亚洲欧洲国产视频| 亚洲av专区无码观看精品天堂| 涩涩色中文综合亚洲| 久久亚洲AV成人无码国产电影| 亚洲a∨无码男人的天堂| 亚洲伊人久久大香线蕉AV| 国产偷国产偷亚洲清高APP| 亚洲另类少妇17p| 国产AV无码专区亚洲AVJULIA| 亚洲人成电影在在线观看网色 | 亚洲国产成人久久综合野外| 亚洲夜夜欢A∨一区二区三区 | 亚洲精品无码成人| 亚洲不卡无码av中文字幕| 亚洲色偷偷偷鲁综合| 水蜜桃亚洲一二三四在线|