js和jquery的基本應用

2022-06-09 19:48:10 字數 1760 閱讀 1107

jquery => js的dom操作進行封裝,簡化了js操作  //jquery就是把js封裝成乙個更簡便的方法

jquery和js區別:找到元素,操作元素

只要看見 $ 符號就代表jquery,除非是自己定義了個方法

注意:想要用jquery方法,必須必須必須  先  引入jqeuy檔案

找元素

js -> jquery   js元素轉化成jquery元素用   $( jsdom )

jquery -> js jquery元素轉化成js元素用   $("button")[0]   或者   $("button").get(0)

js頁面載入方法:

window.onload=function()

jquery頁面載入方法一:

$(document).ready(function())

jquery頁面載入方法二:

$(function())

操作內容

//js物件=> jsdom   jquery物件=> jqdom

獲取:jsdom.innerhtml  賦值:jsdom.innerhtml="這是要填的內容";  //innerhtml是給非表單元素填內容

獲取:jsdom.value    賦值:jsdom.value="這是要填的內容";  //value是給表單元素填內容

獲取:jqdom.html()   賦值:jqdom.html("這是要填的內容")//這裡可以新增標籤  //html()是給非表單元素填內容

獲取:jqdom.val()    賦值:jqdom.val("這是要填的內容")  //val()是給表單元素填內容

/*操作內容結束*/

/*操作樣式*/

jsdom.style.color

獲取:jqdom.css("color")  賦值方法一: jqdom.css("color","red")

賦值方法二:jqdom.css()

操作屬性

jsdom.setattribute("class","c1")  //js設定元素的屬性

jsdom.getattribute("class")  //js獲取元素屬性

jsdom.removeattribute("class")  //js移除元素屬性

jsdom.style.color //這個方法必須是非常清楚這個屬性有的才可以用

獲取:jqdom.attr("class")   賦值方法一:jqdom.attr("class","c1")  移除:jqdom.removeattr("class")

賦值方法二:jqdom.attr()

jqdom.removeclass(classname)  //移除jq物件樣式

jqdom.addclass(classname)  //給jq物件新增樣式

操作事件

jsdom.onclick=function()

jqdom.click(function())

遍歷

$("img").each(function(i,item))

js基本應用

看看這裡好多對話方塊的 js 庫 應用一 確認 案例二處理完成 function updatestate idd,flagg updatestate.action?id idd flag flagg document ready function 可以簡寫成 function 應用一 校驗 1.nc...

棧和佇列基本應用

一 棧 棧 是限定僅在表尾進行插入或刪除操作的線性表,表尾段稱為棧頂,表頭段稱為棧底,棧有稱後進先出線性表。棧有順序棧和鏈棧。個人總結 棧的操作可以在陣列的基礎上,也可以運用stack。陣列的操作就不多說了,現在總結一下stack。stack基本應用。標頭檔案 include stack stack...

Tomcat的基本應用

1 測試tomcat 啟動tomcat 在瀏覽器中輸入 2 tomcat的管理 tomcat 的服務管理頁面是 的應用程式管理頁面 3 發布應用程式 jsp應用程式 war有二種方式,一種是按一定的目錄結構組織檔案,一種是乙個字尾為 war的壓縮包,因此它的部署方式也有兩種 1 在瀏覽器中輸入 就會...