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):鼠標點擊對象釋放時觸發函數.