Jquery 和 Ajax的 使用方法

--前端的硬傷 --

建立資料庫

create table teny1(id int primary key auto_increment,usernamename varchar(50),pwd varchar(50),age int(11))type=innodb;

create database jsd1307db default character set utf8;

insert into teny(username,age) values('bob',22);

Ajax:${object}:裡面的物件只能是Attribute繫結的物件,不能是直接new的物件引用

理論：

jQuery:相當於直接封裝了js的dom物件，$("#id")等價於ocument.getElementById('id'),並且jQuery物件提供了自己的方法和屬性，不再使用dom物件的屬性和方法。

dom物件：HTML操作物件.

colspan:不規則表格屬性

<div class="c1 c2 c3"></div>:多個class屬性同時定義.

addClass():新增class元素選擇

hasClass(class):檢查當前的元素是否含有某個特定的類，如果有，則返回true

$(this):jQuery當前物件是誰.

toggleClass(class)：切換class元素選擇，有則刪除class，無則新增class.

click():會呼叫執行繫結到click事件裡面定義的所有函式。

觸發頁面內所有段落的點選事件

chick(fn):在每一個匹配元素的click事件中繫結一個處理函式,點選事件會在你的指標裝置的按鈕在元素上單擊時觸發

find():搜尋所有與指定表示式匹配的元素。

attr(key,value):為屬性名稱ket元素設定(修改)一個對應的value屬性值。

attr(name):取得第一個匹配元素(name)的屬性值,如果元素沒有相應屬性，則返回 undefined 。得到指定元素的值內容.

attr({properties}):在所有匹配元素中批次設定很多屬性的最佳方式.一次設定多個屬性.

html():取得這個匹配元素的HTML內容(所有內容).

html(val):設定匹配元素的HTML內容.

text():取得所有匹配元素的內容(文字內容)

val():獲得第一個匹配元素的當前值(內容)

val(val):設定所有相同匹配元素的值

index()：搜尋匹配的元素，並返回相應元素的索引位置，從0開始計數

eq(N):獲取第N個元素，從0算起.

hover(over,out)：模仿滑鼠懸停事件,移動觸發相應的函式.

dom建立和新增以及刪除:

內部插入：

append(value):向每個匹配的元素內部追加內容value.

prepend(value):向每個匹配的元素內部新增前置內容.

外部插入：

before():前面新增，同prepend()

after():後部新增,同append()

remove():從DOM中刪除所有匹配的元素(包括元素本身,但保留物件)

remove(expr):刪除指定的

empty():刪除匹配的元素集合中所有的子節點(文字及元素內容)

click():觸發每一個匹配元素的click事件,這個函式會呼叫執行繫結到click事件的所有函式.點選事件函式.

click(fn):在每一個匹配元素的click事件中繫結一個處理函式

點選事件會在你的指標裝置的按鈕在元素上單擊時觸發。單擊的定義是在螢幕的同一點觸發了mousedown和mouseup.幾個事件觸發的順序是：mousedownmouseupclick

clone():克隆匹配的DOM元素並且選中這些克隆的副本(不包括功能行為)

clone(true):複製並且複製功能行為.

css(name):訪問第一個匹配元素的樣式屬性。

css(name,value):，更改一個name樣式屬性的value值。

css({properties}):在所有匹配的元素上設定大量樣式屬性的最佳方式,一次設定多個樣式.

jQuery轉換dom物件：

get():取得所有匹配的 DOM 元素集合。

get(index):取得其中一個匹配的元素(作為dom物件操作).

通用選擇器：*代表所有.匹配所有元素

children(expr):取得一個包含匹配的元素集合中每一個元素的所有子元素的元素集合,只考慮子元素而不考慮所有後代元素,expr用以過濾(可選).

find(expr):找到指定的(expr)所有後代元素.搜尋所有與指定表示式匹配的後代元素

next():獲得後面緊跟同輩元素的集合.只返回後面那個緊鄰的同輩元素(一個而不是所有)

nextAll():後面的所有同輩元素(後面的所有).

siblings():找到相同的所有同輩元素(不分前後，所有的)

取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。

事件切換：

hover(over函式,out函式):當滑鼠移到元素上以及移出元素時觸發不同的處理函式。

toggle():點選了匹配的元素，則觸發指定的第一個函式，再次點選觸發第二個fn,直到最後一個fn。隨後的點選對這些函式的重複順序呼叫。(隨後的每次點選都重複對這幾個函式的輪番呼叫)。

$(fn(){}):載入頁面之後最後處理.表示當頁面載入完畢時執行這個函式

show(speed,fn):顯示隱藏的匹配元素,並可以觸發執行一個回撥函式.如果選擇的元素是可見的，則沒有任何效果.speed代表執行的速度(slow,normal,fast)

hide(speed,fn):隱藏顯示的元素,理論思想同上.

display:none;設定不可見.

fadeIn():透過不透明度的變化來實現所有匹配元素的淡入效果.可以觸發回撥函式.

fadeOut():透過不透明度的變化來實現所有匹配元素的淡出效果.可以觸發回撥函式.

animate(params,duration,fn):指定動畫形式及結果樣式屬性物件

params:元素的最終樣式結果形態.

duration:動畫時長的毫秒數值

fn:回撥函式.

mouseover(fn):在匹配元素中繫結一個處理函式。當滑鼠移入物件時觸發該函式。

mouseout(fn)：滑鼠離開後觸發函式(原理同上)

mousedown(fn):滑鼠在元素上點選會觸發.

mousemove(fn):滑鼠在元素上移動時會觸發函式.

mouseup(fn):滑鼠點選物件釋放時觸發函式.