前端開發之框架篇(1)——JQuery的初步使用
在前端開發中使用框架,不止極大的減少代碼量,而且將帶來意外的驚喜。
這篇文章介紹的框架是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選擇器,如下:
代碼生成結果如第一種情況一樣,說明修改成功。
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小時內刪除侵權內容。