JAVAWEB學習筆記 05

2021-08-01 18:57:27 字數 2489 閱讀 4795

[thinkpad2]jquery的頁面載入函式可以存在多個(不會發生覆蓋),它會按照順序進行執行。(dom數載入完成)

ø  獲取元素

js:document.getelementbyid();

jq:$(「#id」);

ø  jquery物件與dom物件轉換

sssss

注意:jq物件只能操作jq裡面的屬性和方法

js物件只能操作js裡面的屬性和方法。

ø  jquery的效果

第一步:引入jquery相關的檔案

第二步:書寫頁面載入函式

第三步:在頁面載入函式中,獲取顯示廣告的元素。

第四步:設定定時操作(顯示廣告的函式)

第五步:在顯示廣告的函式中,使用jquery的方法讓廣告顯示(show())

第六步:清除顯示廣告的定時操作

第七步:設定定時操作(隱藏廣告的函式)

第八步:在隱藏廣告的函式中,使用jquery的方法讓廣告隱藏(hide())

第九步:清除隱藏廣告的定時操作

toggle的使用

6.1 jquery的選擇器

ø  基本選擇器

id選擇器:$(「#id名稱」);

元素選擇器:$(「元素名稱」);

類選擇器:$(「.類名」);

萬用字元:*

多個選擇器共用(並集)

案例**:

111

222

333

444555

666

ø  層級選擇器

ancestor descendant: 在給定的祖先元素下匹配所有的後代元素(兒子、孫子、重孫子)

parent > child : 在給定的父元素下匹配所有的子元素(兒子)

prev + next: 匹配所有緊接在 prev 元素後的 next 元素(緊挨著的,同桌)

prev ~ siblings: 匹配 prev 元素之後的所有 siblings 元素(兄弟)

**演示:

111

222333

444

555

666

ø  基本過濾選擇器

$('li').first()等價於:$(「li:first」)

**案例演示:

111

222333

444

555

666

ø  屬性選擇器

ø  表單選擇器

[thinkpad1]還可以使用屬性選擇

在頁面載入的時候讓顯示使用者的**進行隔行換色顯示,效果如下:使用jq實現!

需要使用jquery的選擇器(基本選擇器、基本過濾選擇器)

還需要使用jquery的css的方法(css(name,value))

如果css樣式已經由美工寫好,此時可以使用jquery的css類操作

第一步:引入jquery的類庫

第二步:直接寫頁面載入函式

第三步:直接使用jquery的選擇器(組合選擇)拿到需要操作的元素(奇數行和偶數行)

第四步:分別使用css的方法(css(name,value))對奇數行和偶數行設定背景顏色。

在系統後台進行人員管理時,進行批量刪除,使用jq完成全選和全不選

需要使用jquery的選擇器(id選擇器、類選擇器)

需要使用jquery的屬性操作方法 prop()

第一步:引入jquery檔案

第二步:書寫頁面載入函式

第三步:為上面的核取方塊繫結單擊事件

第四步:將下面所有的核取方塊的選中狀態設定成跟上面的一致!

注意:attr在jquery1.11版本不適用,採用prop()來替代(在各個版本都適用)。

在jquery中如何呼叫方法?

元素[thinkpad1] .方法()

[thinkpad1]使用jquery選擇器獲取到需要操作元素

Java Web學習筆記 一

1.html hyper text markup language 超文字標記語言。html的檔案字尾名一般是 htm 或者.html 2.css定義的語法 selecter 1 http是乙個基於請求 響應模式的,無狀態的協議 request response based,stateless pr...

Java Web學習筆記 三

1.jsp執行過程 2.jsp執行詳細流程 3.在jsp中定義了和 中定義了的變數的區別,中定義的變數是全域性變數,中定義的變數是區域性的.4.jsp宣告的格式 指令碼段的形式 當伺服器將 jsp 轉換為 servlet 時,會將 jsp 中的宣告轉換為類的 成員變數,而將指令碼段轉換為方法中的區域...

JavaWeb學習筆記 Tomcat相關

tomcat目錄分析 1.bin 存放啟動和關閉tomcat的指令碼檔案 2.conf 存放tomcat伺服器的各種配置檔案 3.lib 存放tomcat伺服器的支援jar包 4.logs 存放tomcat的日誌檔案 5.temp 存放tomcat執行時產生的臨時檔案 7.work tomcat的工...