posts - 93, comments - 2, trackbacks - 0

源文件為：http://wenku.baidu.com/view/433b1585d4d8d15abe234e3a.html
下面我簡單寫下這個例子：
第一，首先配置環境：
(1)添加jar包，如：sitemesh-2.4.1.jar放在lib下
在web.xml添加配置
<filter>
  <filter-name>sitemesh</filter-name>
  <filter-class>com.opensymphony.module.sitemesh.filter.PageFilter</filter-class>
</filter>

<filter-mapping>
  <filter-name>sitemesh</filter-name>
  <url-pattern>/*</url-pattern>
  <dispatcher>REQUEST</dispatcher>
  <dispatcher>FORWARD</dispatcher>
</filter-mapping>
第二步：
在WEB-INF下新建decorators.xml文件
內容如下：
<decorators defaultdir="/decorators">
<decorator name="main" page="main.jsp">
  <pattern>/*</pattern>
</decorator>
</decorators>
第三步：
根據decorators.xml文件里面的屬性defaultdir在webroot下創建一個目錄decorators，在該目錄下創建一個main.jsp文件
內容如下：
<%@ page contentType="text/html; charset=GBK"%>
<%@ include file="/includes/taglibs.jsp"%>
<html>
       <head>
       <meta http-equiv="Content-Type" content="text/html; charset=gbk">
           <title><decorator:title default="裝飾器頁面..." /></title>
           <decorator:head />
       </head>
      <body>
        <div id="page">
         <div id="header">
             <jsp:include page="/includes/header.jsp"/>
         </div>
         <div id="content">
           <decorator:body />
        </div>
         <div id="footer">
             <jsp:include page="/includes/footer.jsp"/>
         </div>
     </body>
</html>
第四步
<jsp:include page="/includes/header.jsp"/>為includes目錄下的一個共同使用的內容
<jsp:include page="/includes/footer.jsp"/>為includes目錄下的一個共同使用的內容
<decorator:head /> 為每個要訪問文件的內容
如下所示訪問index.jsp
index.jsp內容為：
<%@ page contentType="text/html; charset=GBK"%>
<%@ include file="/includes/taglibs.jsp"%>
<html>
      <head>
        <title>Agent Test</title>
      </head>
      <body>
        <p>本頁只有就是本句.</p>
      </body>
</html>

/includes/header.jsp內容為：

<%@ page language="java" contentType="text/html; charset=gbk"
pageEncoding="gbk"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
</head>

      <body>
          sitemesh的例<hr>
     </body>
</html>

/includes/footer.jsp內容為：
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="gbk"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>Insert title here</title>
</head>
<body>
<hr>chen56@msn.com
</body>
</html>

訪問得到內容如下：
sitemesh的例

本頁只有就是本句.

當然這里最主要的是要記住引入/include/taglibs.jsp
內容如下：
<%@ taglib uri="

posted @ 2013-05-15 16:04 Terry Zou 閱讀(390) | 評論 (0) | 編輯收藏

Android 讀取配置文件的內容

（1）如圖文件位置所示

（2）文件內容如圖所示：

（3）讀取其中內容：Properties props = new Properties();
    try {
           int id = getApplicationContext().getResources().getIdentifier("androidpn", "raw", getPackageName());
           props.load(getApplicationContext().getResources().openRawResource(id));
      } catch (NotFoundException e) {
           // TODO Auto-generated catch block
           e.printStackTrace();
      } catch (IOException e) {
           // TODO Auto-generated catch block
           e.printStackTrace();
      }
        apiKey = props.getProperty("apiKey", "");
        xmppHost = props.getProperty("xmppHost","");
        xmppPort = props.getProperty("xmppPort","");
        Log.v("", "apiKey:"+apiKey+" xmppHost:"+xmppHost+" xmppPort:"+xmppPort);

posted @ 2013-05-11 14:44 Terry Zou 閱讀(469) | 評論 (0) | 編輯收藏

Android JSON的簡單例子

摘要: JSON的定義：原文地址：http://www.open-open.com/lib/view/open1326376799874.html 一種輕量級的數據交換格式，具有良好的可讀和便于快速編寫的特性。業內主流技術為其提供了完整的解決方案（有點類似于正則表達式，獲得了當今大部分語言的支持），從而可以在不同平臺... 閱讀全文

posted @ 2013-05-09 19:27 Terry Zou 閱讀(354) | 評論 (1) | 編輯收藏

手機客戶端傳送過來的json格式的數據，tomcat服務器端如何接收

BufferedReader br= req.getReader();
String version2 = br.readLine();
JSONObject js = JSONObject.fromObject(version2);

posted @ 2013-05-08 20:32 Terry Zou 閱讀(340) | 評論 (0) | 編輯收藏

手機客戶端從服務器上下載文件(post方法)

1.建立連接
     HttpClient httpclient = new DefaultHttpClient();
2.創建存放路徑
   Environment.getExternalStorageDirectory();
    String saveDir =sdCardDir.getCanonicalPath() +"/DownFile";

    File file1 = new File(saveDir);
    if(!file1.exists()){
     file1.mkdir();
    }
3.選擇傳值方法（post或者get)
    HttpPost httpRequest = new HttpPost(url);
    HttpResponse response = httpclient.execute(httpRequest);
    HttpEntity entity = response.getEntity();
    BufferedHttpEntity bufHttpEntity = new BufferedHttpEntity(entity);
    InputStream is = bufHttpEntity.getContent();
    FileOutputStream out = new FileOutputStream(saveDir,false);
    bufferedOutputStream = new BufferedOutputStream(
      out);
    bufferedInputStream = new BufferedInputStream(
      is);
    byte[] buf = new byte[4096];

    int bytesRead = 0;
    while (bytesRead >= 0) {
     long now = System.currentTimeMillis();
     bufferedOutputStream.write(buf, 0, bytesRead);
     bytesRead = bufferedInputStream.read(buf);
    }
    bufferedOutputStream.flush();

4.關閉流及httpclient
    bufferedOutputStream.close();
     out.close();
     if(bufferedOutputStream!=null){
      bufferedOutputStream.close();
     }
     if(out!=null){
      out.close();
     }
     if(bufferedInputStream!=null){
      bufferedInputStream.close();
     }
     if(is!=null){
      is.close();
     }
     shutdownHttpClient();

    private void shutdownHttpClient() {
        if (httpclient != null && httpclient.getConnectionManager() != null) {
        httpclient.getConnectionManager().shutdown();
        }
}

posted @ 2013-05-08 20:30 Terry Zou 閱讀(697) | 評論 (0) | 編輯收藏

startActivityForResult方法的使用

舉例說明什么情況下使用startActivityForResult？
    就是當主界面（Activity）上能連接許多不同子功能模塊(子Activity上去)，當子模塊的事情做完之后就回到主界面，或許還同時返回一些子模塊完成的數據交給主Activity處理。

    舉例如下：
    功能A.java為主界面，B.java為功能模塊，A啟動B，B干完活，將數據又傳送到A

先看 A.java 的相關代碼

//-- A.java --//

* 要做兩件事情，第一是用 startActivityForResult() 啟動B，其次是回收B的結果

//啟動B

Intent bintent = new Intent(A.this, B.class);

//設置 bintent的Bundle的一個值

String bsay = "Hello, this is B speaking";

bintent.putExtra("listenB", bsay)

startActivityForResult(bintent,0); // 參數(Intent intent, Int requestCode) 的 requestCode 對應下面回收Bundle時識別用的

//重寫onActivityResult()來處理返回的數據，建議先看B.java 的代碼再回來看這里比較好理解

//這理有三個參數 requestCode, resultCode, data

protected void onActivityResult(int requestCode, int resultCode, Intent data) {

switch (resultCode) { //resultCode為回傳的標記，我在B中回傳的是RESULT_OK

case RESULT_OK:

Bundle b=data.getExtras(); //data為B中回傳的Intent

String str=b.getString("ListenB");//str即為回傳的值"Hello, this is B speaking"

/* 得到B回傳的數據后做什么... 略 */

break;

default:

break;

}

-------------------------------------------------------------------------------------

//-- B.java --//

// 用 setResut() 準備好要回傳的數據后，只要使用finish()的方法就能把打包好的數據發給A且運行onActivityResult()部分的代碼

Intent aintent = new Intent(B.this, A.class);

/* 將數據打包到aintent Bundle 的過程略 */

setResut(RESULT_OK,aintent); //這理有2個參數(int resultCode, Intent intent)

... ...

finish();

-------------------------------------------------------------------------------------

OK，代碼如上，可能這個時候還會有點疑問，關于參數的疑問。直接看android sdk 幫助說得更清楚。我發現網上有些文章還有吧 requestCode 和 resultCode 混淆說明錯的。

startActivityForResult(Intent intent, Int requestCode)

intent 傳給B的，不解釋，看不懂你還是玩玩手機算了，別想開發的事情了

requestCode >=0就好，隨便用于在onActivityResult()區別哪個子模塊回傳的數據，如果還有C.java ,D甚至E子模塊的話，每個區分開不同的requestCode就好。

setResut(int resultCode, Intent intent)

resultCode 如果B子模塊可能有幾種不同的結果返回，可以用這個參數予以識別區分。這里還有個特殊的 RESULT_OK 值，沒有特殊情況用它就好了，sdk有說明的，呵。

intent 繼續不解釋，傳回給A的onActivityResult()

onActivityResult(int requestCode, int resultCode, Intent intent)

這里三個都不用解釋了，與上文對應的東西。如果不對requestCode和resultCode 加以識別區分的話，只要有其他activity setResult到了A onActivityResult()會無差別處理。

引用如下：http://www.cnblogs.com/mubai/archive/2011/09/21/2183816.html

posted @ 2013-05-08 20:19 Terry Zou 閱讀(163) | 評論 (0) | 編輯收藏

HttpClient連接服務器（方法有很多，我只寫HttpPost,接收數據，傳輸數據都為json形式）

首先，注意一點，連接服務器都不在主線程中進行，因為連接服務需要時間，這里簡要介紹相關實現
public static HttpClient hc = null;
public static String server1 = " private class DownloadPass extends Thread{
    try {
        hc = new DefaultHttpClient();
        HttpPost httppost = new HttpPost(server1);
        httppost.addHeader("Content-Type", "application/json");
        httppost.addHeader("User-Agent", "imgfornote");
        String model = android.os.Build.MODEL;
        SharedPreferences preference0 = getSharedPreferences("serialNo", MODE_PRIVATE);
        String serialNo = preference0.getString("serialNo", "0");
        JSONObject obj = new JSONObject();
        obj.put("serialNo", serialNo);
        httppost.setEntity(new StringEntity(obj.toString()));
        HttpResponse response;
        response = hc.execute(httppost);
        int code = response.getStatusLine().getStatusCode();
       if(code==200){
         str1 = EntityUtils.toString(response.getEntity());
      }

        if(str1!=null&&!str1.equals("")){
         obj = new JSONObject(str1);
         String url = obj.getString("url");
         String updated = obj.getString("updated");
         String serialNo1 = obj.getString("serialNo");
         Intent intent = new Intent(Loading.this,DownloadPassService.class);
         intent.putExtra("serialNo", serialNo1);
         intent.putExtra("url", url.trim());
         startService(intent);
        }else{
         SharedPreferences preference = getSharedPreferences("pass", MODE_PRIVATE);
         preference.edit().clear().putBoolean("pass", true).commit();
       }
   } catch(ClientProtocolException e){
    e.printStackTrace();
   } catch (IOException e) {
    mProgressHandler.sendEmptyMessage(20);
    e.printStackTrace();
   } catch (Exception e) {
    e.printStackTrace();
   } finally
   {
    //postMethod.releaseConnection();
    shutdownHttpClient();
   }

private void shutdownHttpClient() {
        if (hc != null && hc.getConnectionManager() != null) {
        hc.getConnectionManager().shutdown();
        }
}
}

posted @ 2013-05-08 19:28 Terry Zou 閱讀(3376) | 評論 (0) | 編輯收藏

配置數據源(mysql)

這幾天在弄個小東西，要用到數據庫，以前就聽說過數據庫連接池這個概念，所以就打算在這個小東西中加入數據庫連接池。呵呵。從網上搜了一些資料。今天就整理一下。我搜到的設置基本上主要有兩種方法我們以MySQL+TOMCAT為例， MySQL驅動文件不僅要在工程lib目錄下，也要在Tomcat的lib目錄下。
1.把DataSource設置到我們的WEB項目中，下面詳細的介紹下：
第一步：在我們的WEB項目中的META-INF文件夾下建立一個context.xml

Xml代碼

<?xml version='1.0' encoding='utf-8'?>
<Context>
<Resource name="jdbc/mysql"
auth="Container"
type="javax.sql.DataSource"
driverClassName="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost/bbs"
username="root"
password="root"
maxActive="50"
maxIdle="20"
maxWait="10000" />
</Context>

<?xml version='1.0' encoding='utf-8'?>

<Context>

    <Resource name="jdbc/mysql"   
       auth="Container"   
       type="javax.sql.DataSource"   
       driverClassName="com.mysql.jdbc.Driver"   
       url="jdbc:mysql://localhost/bbs"   
       username="root"   
       password="root"   
       maxActive="50"   
       maxIdle="20"   
       maxWait="10000" />   

</Context>

第二步：在我們的WEB項目下的WEB-INF文件夾下建立一個web.xml(如果存在了就不用了，直接修改就行了)
(這幾天測試了一下，不做這步也可以，O(∩_∩)O哈哈~省事了)

Xml代碼

<resource-ref>
<description>DB Connection</description>
<res-ref-name>jdbc/mysql</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>

  <resource-ref>
      <description>DB Connection</description>
      <res-ref-name>jdbc/mysql</res-ref-name>
      <res-type>javax.sql.DataSource</res-type>
      <res-auth>Container</res-auth>
  </resource-ref>

第三步：我們就可以用代碼來獲取Connection對象了

Java代碼

package xushun.util;
import java.sql.*;
import javax.sql.*;
import javax.naming.*;
public class DBHelper {
public static Connection getConnection() throws SQLException,NamingException
{
// 初始化查找命名空間
Context initContext = new InitialContext();
Context envContext = (Context)initContext.lookup("java:/comp/env");
// 找到DataSource
DataSource ds = (DataSource)envContext.lookup("jdbc/mysql");
return ds.getConnection();
}
}

package xushun.util;

import java.sql.*;
import javax.sql.*;
import javax.naming.*;

public class DBHelper {
    
    public static Connection getConnection() throws SQLException,NamingException
    {
        // 初始化查找命名空間
        Context initContext = new InitialContext();
        Context envContext = (Context)initContext.lookup("java:/comp/env");
        // 找到DataSource
        DataSource ds = (DataSource)envContext.lookup("jdbc/mysql");
        return ds.getConnection();
    }
}

2.把DataSource設置到我們的Tomcat中，下面詳細的介紹下（測試用的JAVA代碼和上面的一樣就不帖出了）：
這里我查到的設置方法就有了一點區別了。有的人把DataSource設置在Tomcat的server.xml文件的GlobalNamingResources下面，然后在context.xml中去映射。有的直接就寫在context.xml中了
先說下在server.xml添加DataSource
第一步：在Tomcat的conf中的server.xml文件中找到

Xml代碼

<GlobalNamingResources>
<!-- Editable user database that can also be used by
UserDatabaseRealm to authenticate users
-->
<Resource name="UserDatabase" auth="Container"
type="org.apache.catalina.UserDatabase"
description="User database that can be updated and saved"
factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
pathname="conf/tomcat-users.xml" />
</GlobalNamingResources>

  <GlobalNamingResources>
    <!-- Editable user database that can also be used by
         UserDatabaseRealm to authenticate users
    -->
    <Resource name="UserDatabase" auth="Container"
              type="org.apache.catalina.UserDatabase"
              description="User database that can be updated and saved"
              factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
              pathname="conf/tomcat-users.xml" />
  </GlobalNamingResources>

修改為

Xml代碼

<GlobalNamingResources>
<!-- Editable user database that can also be used by
UserDatabaseRealm to authenticate users
-->
<Resource name="UserDatabase" auth="Container"
type="org.apache.catalina.UserDatabase"
description="User database that can be updated and saved"
factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
pathname="conf/tomcat-users.xml" />
<Resource name="jdbc/bbs"
auth="Container" type="javax.sql.DataSource"
driverClassName="com.mysql.jdbc.Driver"
maxIdle="20"
maxWait="5000"
username="root"
password="admin"
url="jdbc:mysql://localhost:3306/bbs"
maxActive="100"
removeAbandoned="true"
removeAbandonedTimeout="60"
logAbandoned="true"/>
</GlobalNamingResources>

  <GlobalNamingResources>
    <!-- Editable user database that can also be used by
         UserDatabaseRealm to authenticate users
    -->
    <Resource name="UserDatabase" auth="Container"
              type="org.apache.catalina.UserDatabase"
              description="User database that can be updated and saved"
              factory="org.apache.catalina.users.MemoryUserDatabaseFactory"
              pathname="conf/tomcat-users.xml" />
    <Resource name="jdbc/bbs"     
	          auth="Container" type="javax.sql.DataSource"
	          driverClassName="com.mysql.jdbc.Driver"
	          maxIdle="20"
	          maxWait="5000"
	          username="root"
	          password="admin"
	          url="jdbc:mysql://localhost:3306/bbs"     
	          maxActive="100" 
	          removeAbandoned="true"
	          removeAbandonedTimeout="60"
	          logAbandoned="true"/>
  </GlobalNamingResources>

第二步：在Tomcat的conf文件夾下的context.xml中加入

Xml代碼

<ResourceLink name="jdbc/bbs" global="jdbc/bbs" type="javax.sql.DataSource"/>

<ResourceLink name="jdbc/bbs" global="jdbc/bbs" type="javax.sql.DataSource"/>

第三步：就是在WEB項目的WEB-INF中的web.xml添加

Xml代碼

<resource-ref>
<description>DB Connection</description>
<res-ref-name>jdbc/mysql</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>

  <resource-ref>
      <description>DB Connection</description>
      <res-ref-name>jdbc/mysql</res-ref-name>
      <res-type>javax.sql.DataSource</res-type>
      <res-auth>Container</res-auth>
  </resource-ref>

還有就是在Tomcat文檔中提到的方法，直接修改context.xml文件了
在Tomcat的conf文件夾下的context.xml中加入

Xml代碼

<Resource name="jdbc/bbs"
auth="Container" type="javax.sql.DataSource"
driverClassName="com.mysql.jdbc.Driver"
maxIdle="20"
maxWait="5000"
username="root"
password="admin"
url="jdbc:mysql://localhost:3306/bbs"
maxActive="100"
removeAbandoned="true"
removeAbandonedTimeout="60"
logAbandoned="true"/>

<Resource name="jdbc/bbs"     
	          auth="Container" type="javax.sql.DataSource"
	          driverClassName="com.mysql.jdbc.Driver"
	          maxIdle="20"
	          maxWait="5000"
	          username="root"
	          password="admin"
	          url="jdbc:mysql://localhost:3306/bbs"     
	          maxActive="100" 
	          removeAbandoned="true"
	          removeAbandonedTimeout="60"
	          logAbandoned="true"/>

然后就是在WEB項目的WEB-INF中的web.xml添加

Xml代碼

<resource-ref>
<description>DB Connection</description>
<res-ref-name>jdbc/mysql</res-ref-name>
<res-type>javax.sql.DataSource</res-type>
<res-auth>Container</res-auth>
</resource-ref>

  <resource-ref>
      <description>DB Connection</description>
      <res-ref-name>jdbc/mysql</res-ref-name>
      <res-type>javax.sql.DataSource</res-type>
      <res-auth>Container</res-auth>
  </resource-ref>

就是這些了，如果有什么不太清楚的就留言，一起研究下。等以后我在搜集下資料整理出上面用到的XML文件中各個標簽的屬性及其代表的意思。有興趣的也可以自己先查下。:-)

<td>JNDI 查找名稱</td>       <td>關聯的引用</td>

<td>java:comp/env</td>      <td>應用程序環境條目</td>

<td>java:comp/env/jdbc</td> <td>JDBC 數據源資源管理器連接工廠</td>

<td>java:comp/env/ejb</td> <td>EJB 引用</td>

<td>java:comp/UserTransaction</td><td>UserTransaction 引用</td>

<td>java:comp/env/mail</td> <td>JavaMail 會話連接工廠</td>

<td>java:comp/env/url</td> <td>URL 連接工廠</td>

<td>java:comp/env/jms</td> <td>JMS 連接工廠和目標</td>

<td>java:comp/ORB</td>      <td>應用程序組件之間共享的 ORB 實例</td>
參考如下

posted @ 2012-07-27 19:29 Terry Zou 閱讀(3069) | 評論 (0) | 編輯收藏

增加項目中tomcat內存

Window->>Preferences>>JVM Settings在Append to the Parameters文本框中加入要設置的內存大小，比如下面的設置

-Xms128M -Xmx512M -XX:PermSize=64M -XX:MaxPermSize=128M

posted @ 2012-03-20 09:55 Terry Zou 閱讀(196) | 評論 (0) | 編輯收藏

三（2）.事件（常用方法）

1.toggle有兩種形式
    （1）toggle()用于切換元素的可見性，如果被選元素可見，則隱藏這些元素，如果被選元素不可見，則顯示這些元素。
        如:
            <body>
                <p id="content">當點擊上面的“點擊這里字樣”，這里的內容將隱藏與顯示切換</p>
                <input type="button" id="test" value="點擊這里"></input>
            </body>

        $(document).ready(function(){
            $("#test").click(function(){
                $("#content").toggle();
            });
        });
        (2)toggle(f(n),f(m)) 效果是：每次點擊后依次調用函數；如果點擊了一個匹配的元素，則觸發指定的第一個函數，當再次點擊同一元素時，則觸發指定的第二個函數，如果有更多函數，則再次觸發，直到最后一個。隨后的每次點擊都重復對這幾個函數的輪番調用.
        <body>
                <p id="content">當點擊上面的“點擊這里字樣”，這里的內容顏色將切換</p>
                <input type="button" id="test" value="點擊這里"></input>
            </body>

        樣式：
        .bg{color:#ff0;}
        .cg{color:#f0f;}

        $(document).ready(function(){
            $("#test").toggle(
                function(){
                    $("#content").addClass("bg");
                },
                function(){
                    $("#content").removeClass("bg");
                },
                function(){
                    $("#content").addClass("cg");
            });
        });
       當然這里不能循環執行，應為當執行完addClass("cg")時就得執行addClass("bg")這是錯誤的，應該在將cg樣式去掉就ok啦，可以在下面在加一個去掉的函數。
2.hover一個模仿懸停事件（鼠標移動到一個對象上面及移出這個對象）的方法,效果：當鼠標移動到一個匹配的元素上面時，會觸發指定的第一個函數。當鼠標移出這個元素時，會觸發指定的第二個函數。而且，會伴隨著對鼠標是否仍然處在特定元素中的檢測（例如，處在div中的圖像），如果是，則會繼續保持“懸停”狀態，而不觸發移出事件（修正了使用mouseout事件的一個常見錯誤）。
        $("#content").hover(function(){
                   $(this).addClass("bg");},
              function(){
                   $(this).removeClass("bg");
         });
這里只寫這兩個例子，其他的參加下面的事件匯總。來源：http://www.cnblogs.com/EricChan/archive/2011/02/01/1948534.html

方法描述
ready() 文檔就緒事件（當 HTML 文檔就緒可用時）
blur() 觸發、或將函數綁定到指定元素的 blur 事件
change() 觸發、或將函數綁定到指定元素的 change 事件
click() 觸發、或將函數綁定到指定元素的 click 事件
dblclick() 觸發、或將函數綁定到指定元素的 double click 事件
error() 觸發、或將函數綁定到指定元素的 error 事件
focus() 觸發、或將函數綁定到指定元素的 focus 事件
keydown() 觸發、或將函數綁定到指定元素的 key down 事件
keypress() 觸發、或將函數綁定到指定元素的 key press 事件
keyup() 觸發、或將函數綁定到指定元素的 key up 事件
load() 觸發、或將函數綁定到指定元素的 load 事件
mousedown() 觸發、或將函數綁定到指定元素的 mouse down 事件
mouseenter() 觸發、或將函數綁定到指定元素的 mouse enter 事件
mouseleave() 觸發、或將函數綁定到指定元素的 mouse leave 事件
mousemove() 觸發、或將函數綁定到指定元素的 mouse move 事件
mouseout() 觸發、或將函數綁定到指定元素的 mouse out 事件
mouseover() 觸發、或將函數綁定到指定元素的 mouse over 事件
mouseup() 觸發、或將函數綁定到指定元素的 mouse up 事件
resize() 觸發、或將函數綁定到指定元素的 resize 事件
scroll() 觸發、或將函數綁定到指定元素的 scroll 事件
select() 觸發、或將函數綁定到指定元素的 select 事件
submit() 觸發、或將函數綁定到指定元素的 submit 事件
unload() 觸發、或將函數綁定到指定元素的 unload 事件

jQuery 事件處理方法
事件處理方法把事件處理器綁定至匹配元素。

方法觸發
$(selector).bind(event) 向匹配元素添加一個或更多事件處理器
$(selector).delegate(selector, event) 向匹配元素添加一個事件處理器，現在或將來
$(selector).die() 移除所有通過 live() 函數添加的事件處理器
$(selector).live(event) 向匹配元素添加一個事件處理器，現在或將來
$(selector).one(event) 向匹配元素添加一個事件處理器。該處理器只能觸發一次。
$(selector).unbind(event) 從匹配元素移除一個被添加的事件處理器
$(selector).undelegate(event) 從匹配元素移除一個被添加的事件處理器，現在或將來
$(selector).trigger(event) 所有匹配元素的指定事件
$(selector).triggerHandler(event) 第一個被匹配元素的指定事件

jQuery 效果函數
Hide / Show 描述
show() 顯示被選的元素
hide() 隱藏被選的元素
toggle() 對被選元素進行隱藏和顯示的切換

Slide
slideDown() 通過調整高度來滑動顯示被選元素
slideUp() 通過調整高度來滑動隱藏被選元素
slideToggle() 對被選元素進行滑動隱藏和滑動顯示的切換

Fade in / out
fadeIn() 淡入被選元素至完全不透明
fadeOut() 淡出被選元素至完全不透明
fadeTo() 把被選元素減弱至給定的不透明度

Animation
animate() 對被選元素應用“自定義”的動畫
stop() 停止在被選元素上運行動畫

Queue
clearQueue() 對被選元素移除所有排隊的函數（仍未運行的）
delay() 對被選元素的所有排隊函數（仍未運行）設置延遲
dequeue() 運行被選元素的下一個排隊函數
queue() 顯示被選元素的排隊函數

jQuery 文檔操作方法
這些方法對于 XML 文檔和 HTML 文檔均是適用的，除了：html()。

方法描述
addClass() 向匹配的元素添加指定的類名。
after() 在匹配的元素之后插入內容。
append() 向匹配的元素內部追加內容。
appendTo() 向匹配的元素內部追加內容。
attr() 設置或返回匹配元素的屬性和值。
before() 在每個匹配的元素之前插入內容。
clone() 創建匹配元素集合的副本。
detach() 從 DOM 中移除匹配元素集合。
empty() 刪除匹配的元素集合中所有的子節點。
hasClass() 檢查匹配的元素是否擁有指定的類。
html() 設置或返回匹配的元素集合中的 HTML 內容。
insertAfter() 把匹配的元素插入到另一個指定的元素集合的后面。
insertBefore() 把匹配的元素插入到另一個指定的元素集合的前面。
prepend() 向每個匹配的元素內部前置內容。
prependTo() 向每個匹配的元素內部前置內容。
remove() 移除所有匹配的元素。
removeAttr() 從所有匹配的元素中移除指定的屬性。
removeClass() 從所有匹配的元素中刪除全部或者指定的類。
replaceAll() 用匹配的元素替換所有匹配到的元素。
replaceWith() 用新內容替換匹配的元素。
text() 設置或返回匹配元素的內容。
toggleClass() 從匹配的元素中添加或刪除一個類。
unwrap() 移除并替換指定元素的父元素。
val() 設置或返回匹配元素的值。
wrap() 把匹配的元素用指定的內容或元素包裹起來。
wrapAll() 把所有匹配的元素用指定的內容或元素包裹起來。
wrapinner() 將每一個匹配的元素的子內容用指定的內容或元素包裹起來。

jQuery 屬性操作方法
下面列出的這些方法獲得或設置元素的 DOM 屬性。

這些方法對于 XML 文檔和 HTML 文檔均是適用的，除了：html()。

方法描述
addClass() 向匹配的元素添加指定的類名。
attr() 設置或返回匹配元素的屬性和值。
hasClass() 檢查匹配的元素是否擁有指定的類。
html() 設置或返回匹配的元素集合中的 HTML 內容。
removeAttr() 從所有匹配的元素中移除指定的屬性。
removeClass() 從所有匹配的元素中刪除全部或者指定的類。
toggleClass() 從匹配的元素中添加或刪除一個類。
val() 設置或返回匹配元素的值。

注釋：jQuery 文檔操作參考手冊中也列出了以上方法。本參考頁的作用是方便用戶單獨查閱有關屬性操作方面的方法。

jQuery CSS 操作函數
下面列出的這些方法設置或返回元素的 CSS 相關屬性。

CSS 屬性描述
css() 設置或返回匹配元素的樣式屬性。
height() 設置或返回匹配元素的高度。
offset() 返回第一個匹配元素相對于文檔的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一個匹配元素相對于父元素的位置。
scrollTop() 設置或返回匹配元素相對滾動條頂部的偏移。
scrollLeft() 設置或返回匹配元素相對滾動條左側的偏移。
width() 設置或返回匹配元素的寬度。

jQuery Ajax 操作函數
jQuery 庫擁有完整的 Ajax 兼容套件。其中的函數和方法允許我們在不刷新瀏覽器的情況下從服務器加載數據。

函數描述
jQuery.ajax() 執行異步 HTTP (Ajax) 請求。
.ajaxComplete() 當 Ajax 請求完成時注冊要調用的處理程序。這是一個 Ajax 事件。
.ajaxError() 當 Ajax 請求完成且出現錯誤時注冊要調用的處理程序。這是一個 Ajax 事件。
.ajaxSend() 在 Ajax 請求發送之前顯示一條消息。
jQuery.ajaxSetup() 設置將來的 Ajax 請求的默認值。
.ajaxStart() 當首個 Ajax 請求完成開始時注冊要調用的處理程序。這是一個 Ajax 事件。
.ajaxStop() 當所有 Ajax 請求完成時注冊要調用的處理程序。這是一個 Ajax 事件。
.ajaxSuccess() 當 Ajax 請求成功完成時顯示一條消息。
jQuery.get() 使用 HTTP GET 請求從服務器加載數據。
jQuery.getJSON() 使用 HTTP GET 請求從服務器加載 JSON 編碼數據。
jQuery.getScript() 使用 HTTP GET 請求從服務器加載 JavaScript 文件，然后執行該文件。
.load() 從服務器加載數據，然后把返回到 HTML 放入匹配元素。
jQuery.param() 創建數組或對象的序列化表示，適合在 URL 查詢字符串或 Ajax 請求中使用。
jQuery.post() 使用 HTTP POST 請求從服務器加載數據。
.serialize() 將表單內容序列化為字符串。
.serializeArray() 序列化表單元素，返回 JSON 數據結構數據。

jQuery 遍歷函數

jQuery 遍歷函數包括了用于篩選、查找和串聯元素的方法。

函數	描述
.add()	將元素添加到匹配元素的集合中。
.andSelf()	把堆棧中之前的元素集添加到當前集合中。
.children()	獲得匹配元素集合中每個元素的所有子元素。
.closest()	從元素本身開始，逐級向上級元素匹配，并返回最先匹配的祖先元素。
.contents()	獲得匹配元素集合中每個元素的子元素，包括文本和注釋節點。
.each()	對 jQuery 對象進行迭代，為每個匹配元素執行函數。
.end()	結束當前鏈中最近的一次篩選操作，并將匹配元素集合返回到前一次的狀態。
.eq()	將匹配元素集合縮減為位于指定索引的新元素。
.filter()	將匹配元素集合縮減為匹配選擇器或匹配函數返回值的新元素。
.find()	獲得當前匹配元素集合中每個元素的后代，由選擇器進行篩選。
.first()	將匹配元素集合縮減為集合中的第一個元素。
.has()	將匹配元素集合縮減為包含特定元素的后代的集合。
.is()	根據選擇器檢查當前的匹配元素集合，如果存在至少一個匹配元素，則返回 true。
.last()	將匹配元素集合縮減為集合中的最后一個元素。
.map()	把當前匹配集合中的每個元素傳遞給一個函數，產生包含返回值的新的 jQuery 對象。
.next()	獲得匹配元素集合中每個元素緊鄰的同輩元素。
.nextAll()	獲得匹配元素集合中每個元素之后的所有同輩元素，由選擇器進行篩選（可選）。
.nextUntil()	獲得每個元素之后所有的同輩元素，直到遇到匹配選擇器的元素為止。
.not()	從匹配元素集合中刪除元素。
.offsetParent()	獲得用于定位的第一個父元素。
.parent()	獲得當前匹配元素集合中每個元素的父元素，由選擇器篩選（可選）。
.parentsUntil()	獲得當前匹配元素集合中每個元素的祖先元素，直到遇到匹配選擇器的元素為止。
.prev()	獲得匹配元素集合中每個元素緊鄰的前一個同輩元素，由選擇器篩選（可選）。
.prevAll()	獲得匹配元素集合中每個元素之前的所有同輩元素，由選擇器進行篩選（可選）。
.prevUntil()	獲得每個元素之前所有的同輩元素，直到遇到匹配選擇器的元素為止。
.siblings()	獲得匹配元素集合中所有元素的同輩元素，由選擇器篩選（可選）。
.slice()	將匹配元素集合縮減為指定范圍的子集。

jQuery 數據存儲函數

這些方法允許我們將指定的 DOM 元素與任意數據相關聯。

函數	描述
.data()	存儲與匹配元素相關的任意數據。
jQuery.data()	存儲與指定元素相關的任意數據。
.removeData()	移除之前存放的數據。
jQuery.removeData()	移除之前存放的數據。

jQuery 隊列控制函數

函數	描述
.clearQueue()	從隊列中刪除所有未運行的項目。
.dequeue()	從隊列最前端移除一個隊列函數，并執行它。
jQuery.dequeue()	從隊列最前端移除一個隊列函數，并執行它。
.queue()	顯示或操作匹配元素所執行函數的隊列。
jQuery.queue()	顯示或操作匹配元素所執行函數的隊列。

posted @ 2011-07-22 20:53 Terry Zou 閱讀(222) | 評論 (0) | 編輯收藏

僅列出標題

2025年5月

日

一

二

三

四

五

六

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

文章分類

struts2.1.6(3)

文章檔案

相冊

my angel

收藏夾

Java

jQuery 遍歷函數

jQuery 數據存儲函數

jQuery 隊列控制函數

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

文章分類

文章檔案

相冊

收藏夾

Java

搜索

最新隨筆

最新評論

閱讀排行榜

評論排行榜