1. 程式人生 > >jQuery的屬性、css、文件處理、事件、選擇器以及jsp要點簡記

jQuery的屬性、css、文件處理、事件、選擇器以及jsp要點簡記

本文繼續紀錄學習jQuery,主要學習jQuery的屬性、css、文件處理、事件、選擇器,最後簡要記錄jsp知識要點。

1.JQ屬性:
attr(name|pro|key,val|fn):設定或返回被選元素的屬性值。(能獲取就可以設定.val())
eg.


ready(fn):當DOM載入就緒可以查詢及操縱時繫結一個要執行的函式。(onload)要寫在<body></body>標籤中
這是事件模組中最重要的一個函式,因為它可以極大地提高web應用程式的響應速度。
簡單地說,這個方法純粹是對向window.load事件註冊事件的替代方法。
請確保在 <body> 元素的onload事件中沒有註冊函式,否則不會觸發+$(document).ready()事件。
ready() 函式不應與 <body onload=""> 一起使用。
可以在同一個頁面中無限次地使用$(document).ready()事件。其中註冊的函式會按照(程式碼中的)先後順序依次執行。
ready() 函式

的3種寫法:
1.$(document).ready(function)
2.$().ready(function)(不常用)
3.$(function)
 $(document).ready() 的簡寫:$
同時內部的 jQuery 程式碼依然使用 $ 作為別名,而不管全域性的 $ 為何。
eg:
$(function($) {
  // 你可以在這裡繼續使用$作為別名...
});
click:觸發每一個匹配元素的click事件。
這個函式會呼叫執行繫結到click事件的所有函式
eg.

focus([[data],fn])和blur:
當元素獲得焦點時,觸發 focus 事件。
可以通過滑鼠點選或者鍵盤上的TAB導航觸發。這將觸發所有繫結的focus函式,注意,某些物件不支援focus方法。
eg.


回車事件:
常用於登入和註冊 的鍵盤迴車代替按鈕提交資訊。

eg.

文件處理:
append(content|fn):
向每個匹配的元素內部追加內容。
這個操作與對指定的元素執行appendChild方法,將它們新增到文件中的情況類似。
  after(content|fn):在每個匹配的元素之後插入內容。

`eg.

appendTo(content):
把所有匹配的元素追加到另一個指定的元素元素集合中。
實際上,使用這個方法是顛倒了常規的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
eg:
<p>I would like to say: </p>
<div></div><div></div>
$("p").appendTo("div");
結果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
篩選 :
  not(expr|ele|fn):從匹配元素的集合中刪除與指定表示式匹配的元素
$("p").not( $("#selected")[0] )
find(expr|obj|ele):搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法。
$("p").find("span")等同於$("p span")。
parent([expr]):取得一個包含著所有匹配元素的唯一父元素的元素集合。
eg.
查詢段落的父元素中每個類名為selected的父元素。
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
$("p").parent(".selected")
選擇器:
first

     last

eg.

selected:
eg.


[attribute=value]:匹配給定的屬性是某個特定值的元素
eg.

JSP:

java server pages的縮寫。是由Sun Microsystems公司倡導和許多公司參與共同建立的一種使軟體開發者可以響應客戶端請求,而動態生成HTML、

XML或其他格式文件的Web網頁的技術標準。它的主要目的是將表示邏輯從Servlet中分離出來。在傳統的網頁HTML檔案(*.htm,*.html)中加入

Java程式片段(Scriptlet)和JSP標籤,就構成了JSP網頁java程式片段可以操縱資料庫、重新定向網頁以及傳送E-mail等,實現建立動態網站所需

要的功能。JSP網頁為整個伺服器端的Java庫單元提供了一個介面來服務於HTTP的應用程式。所有程式操作都在伺服器端執行,網路上傳送給客戶

端的僅是得到的結果。用JSP開發的Web應用是跨平臺的。

jsp頁面實際是servlet。
頁面可以寫Java程式碼:<%程式碼%> <%=程式碼%>
頁面可以使用request和session
jsp與servlet的 優缺點對比:

jsp優點:方便顯示
缺點:不方便處理業務邏輯
servlet反之。
執行原理:jsp容器將頁面轉譯成servlet,再通過servlet容器來啟動和執行。
指令語法:<%@ include 程式碼%>
動作語法:<jsp:forward 程式碼><jsp include 程式碼>

九個內建物件(4個作用域):
request:請求物件(作用域)
response:響應物件
pageContext:
例項物件(作用域)
session:(作用域)
application:應用程式物件(作用域)
out:輸出物件
config:配置物件
page:頁面物件
exception:例外物件
通過pageContext物件可以得到其他8個內建物件
eg.
request = pageContext.getRequest();
jsp EL表示式:
它是一種簡單的語言,基於可用的名稱空間(PageContext 屬性)、巢狀屬性和對集合、操作符(算術型、關係型和邏輯型)的訪問符、

對映到 Java 類中靜態方法的可擴充套件函式以及一組隱式物件。

注意 <%@ page isELIgnored="true" %> 表示是否禁用EL語言,TRUE表示禁止.FALSE表示不禁止。

操作內容:常量 變數(物件引用 運算 隱私物件
空型別${nul};
運算:
關係:== o req, != or ne,< or lt,> or gt ge
 算術
: +、-(二元)、*、/、div、%、mod、-(一元)
邏輯 :and、&&、or、||、!、not

條件型: A ?B :C。根據 A 賦值的結果來賦值 B 或 C。

寫法:
${user.password1 == user.password2 }可以多個變數

變數查詢:
通過pageContext.findAttribute("")來查詢依次從page request session application域中查詢(從小到大);假如途中找到username,就直接回傳,

不再繼續找下去,但是假如全部的範圍都沒有找到時,就回傳null。
訪問屬性:
EL 提供“.“和“[ ]“兩種運算子來存取資料。
當要存取的屬性名稱中包含一些特殊字元,如.或?等並非字母或數字的符號,就一定要

使用“[ ]“。例如:

${user my-Name}應當改為${user["My-Name"] }

如果要動態取值時,就可以用“[ ]“來做,而“.“無法做到動態取值。例如:

${sessionScope.user[data]}中data 是一個變數