[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的工...