⑴ 前端開發JS框架之jQuery的基礎知識分享
jQuery對象是通過jQuery包裝DOM對象後產生的對象
注意:jQuery對象只能使用jQuery里的方法,DOM對象只能使用DOM對象的方法
基本選擇器
層級選擇器:
基本篩選器:
屬性選擇器:
表單篩選器:
篩選器方法:
jQuery的一些方法:
注意:對於標簽上有的能夠看到的屬性和自定義屬性用attr()方法
對於返回布爾值比如checkbox,radion,option這三個標簽是否被選中,用prop方法
事件綁定方式:
注意:DOM定義的事件可以用 .on()方法來綁定事件,但是jQuery定義的事件就不可以
常用事件有:
移除事件:把on改成off,就是移除 .on()綁定的事件
阻止後續事件執行:事件函數中添加 return false; (常用於阻止表單提交等)或者e.preventDefault()
阻止事件冒泡:添加e.stopPropagation()
利用父標簽去捕獲子標簽的事件
推薦閱讀:
前端開發框架之jQuery 和 Vue 的選擇
前端開發之15個jQuery小技巧分享
前端開發之JQuery入門基礎操作
前端開發框架jQuery的優勢與基礎知識分享
⑵ jquery是什麼,跟js有啥關系
js是一種腳本語言,常用於網頁客戶端編程,使網頁在客戶端瀏覽器中,實現更多地動態功能,表現出更加豐富的視覺效果。
jquery是一個快速、簡潔的JavaScript框架,極大的簡化了javascript編程。
jquery是js的類庫
Jquery是繼prototype之後抄又一個優秀的Javascrīpt框架。它是輕量級的js庫(壓縮後只有21k) ,它兼容CSS3,還兼容各種瀏覽器
(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用戶能更方便襲地處理HTML
documents、events、實現動畫效果百,並且方便地為網站提供AJAX交互。jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各度種
應用也說得很詳細,同時還有許多成熟的插知件可供選擇。jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆道js來調用命令了,只需定義id即可。
⑶ 請問jQuery是用來干什麼的
用處:jquery是基於javascript類庫的框架, 它裡面提供了許多javascript類庫,和一些css樣式表的封裝, 使用起來比較方便, 簡化了用戶與瀏覽器的交互, 提高了系統的性能和開發效率。
jQuery設計的宗旨是「write Less,Do More」,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
(3)前端框架jquery的優勢擴展閱讀:
語言特點
1、快速獲取文檔元素
jQuery的選擇機制構建於Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態效果
jQuery中內置了一系列的動畫效果,可以開發出非常漂亮的網頁,許多網站都使用jQuery的內置的效果,比如淡入淡出、元素移除等動態特效。
3、創建AJAX無刷新網頁
AJAX是非同步的JavaScript和ML的簡稱,可以開發出非常靈敏無刷新的網頁,特別是開發伺服器端網頁時,比如PHP網站,需要往返地與伺服器通信,如果不使用AJAX,每次數據更新不得不重新刷新網頁,而使用AJAX特效後,可以對頁面進行局部刷新,提供動態的效果。
⑷ jQuery比javascript的優勢在哪
jQuery 其實也是javascript,它是 JavaScript 的一個代碼庫,封裝了javascript並且可以兼容不同的瀏覽器,很多插件都是用jquery寫的比如easyui,ztree。在實際開發中絕大部分都是用jquery代替js,很大程度上提高了開發的效率,不僅僅是少幾行代碼,對瀏覽器的兼容性解決得也更好。總之jquery是很好用的,比原生的javascript好用多了。
⑸ jquery是什麼 在網站中有什麼作用
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript代碼庫(或JavaScript框架)。
jQuery設計的宗旨是「write Less,Do More」,即倡導寫更少的代碼,做更多的事情。所以在網站設計中使用jQuery可以寫更少的代碼實現更多的功能。而且它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
(5)前端框架jquery的優勢擴展閱讀:
jQuery的語言特點:
1、快速獲取文檔元素
jQuery的選擇機制構建於Css的選擇器,它提供了快速查詢DOM文檔中元素的能力,而且大大強化了JavaScript中獲取頁面元素的方式。
2、提供漂亮的頁面動態效果
jQuery中內置了一系列的動畫效果,可以開發出非常漂亮的網頁,許多網站都使用jQuery的內置的效果,比如淡入淡出、元素移除等動態特效。
3、創建AJAX無刷新網頁
AJAX是非同步的JavaScript和XML的簡稱,可以開發出非常靈敏無刷新的網頁,特別是開發伺服器端網頁時,比如PHP網站,需要往返地與伺服器通信,如果不使用AJAX,每次數據更新不得不重新刷新網頁,而使用AJAX特效後,可以對頁面進行局部刷新,提供動態的效果。
⑹ jquery前端技術中發揮的作用
jq讓你的dom操作變得非常簡單 而且已經幫你做好了很多兼容方面的問題 幾乎是所有前端人員的第一個前端框架 但是如果頁面有大量的dom操作 代碼邏輯肯定會比較亂 而且會對新手造成一定的依賴性 建議學習現在比較流行的mvvm框架 如vue.js angular.js react.js之類的框架 會讓你換種思路去構建前端頁面 代碼邏輯會清晰很多
⑺ easyui和jqueryUI各自都有那些優、缺點。
當然easyUI出生較後,功能比jQ小些,缺點都是對伺服器負載性能的影響,越多的效果就會使伺服器需要更多的CPU資料來調配所有,適量一兩個效果就可以,不能大量的使用,特別是那些界面上的效果。
⑻ jQuery框架的優點是什麼
jQuery是繼prototype之後又一個優秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
它是輕量級的js庫(壓縮後只有21k) ,這是其它的js庫所不及的,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery是一個快速的,簡潔的javaScript庫,使用戶能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX交互。
jQuery還有一個比較大的優勢是,它的文檔說明很全,而且各種應用也說得很詳細,同時還有許多成熟的插件可供選擇。
jQuery能夠使用戶的html頁保持代碼和html內容分離,也就是說,不用再在html裡面插入一堆js來調用命令了,只需定義id即可。
⑼ 使用前端框架帶來哪些好處,相對於使用jquery
JQuery是類庫
使用框架前,我覺得很重要的一點是弄清類庫(諸如JQuery)和框架(諸如angularJS)的區別在何處。
簡單而言,類庫,解決的是代碼或者是模塊級別的復用或者對復雜度的封裝問題,例如將一個解決復雜問題的功能模塊封裝成一個函數,提供一個簡單的介面。庫它是一種工具,它提供了很多封裝好的方法,用與不用取決於我們自身,即使用了也不會影響我們呢的代碼結構。
而框架,更多的是對模式級別的復用和對程序組織的規范。這里的模式是指比如MVC,為了實現M和V的解耦,把復雜的耦合關系由經常 變化的業務代碼轉移到不經常變化的框架內部消化。是面向一個領域來提供一套解決方案,提高開發效率,如果我們選擇了使用某框架,就應該遵循該框架所規定的 規則。
二者最主要的區別是:JQuery以DOM操作為中心,框架,准確來說是MVC框架,是以模型(model)為中心,而DOM操作 是附加的。所以,以模型為中心最終達到的目的是帶來一整套工作流程的變更,使得後台工程師可以編寫前端的模型代碼,把後台與前端打通,交互設計師處理UI 跟模型的互動關系,UI設計師可以專注、無障礙的處理HTML源碼,把它們以界面模板的形式提交給交互工程師。這一整套協作機制能大大提高開發效率。使用 MVC框架使得前端任務更好的被解耦。