jQuery模板檔案

2021-10-05 14:45:20 字數 2742 閱讀 8207

<

!doctype html>

"en"

>

"utf-8"

>

jquery<

/title>

<

/head>

<

!--js庫,比js有趣的多:寫得少,做得多--

>

如果你點我,我就會消失。<

/p>

繼續點我!

<

/p>

接著點我!

<

/p>

"p1"

>上下滾動<

/p>

點我上下滾動上面的內容<

/button>

"test"

>這是段落中的

粗體<

/b> 文字。<

/p>

名稱:"text" id=

"test1" value=

"菜鳥教程"

>

<

/p>

"div1"

>

修改文字內容<

/h2>

<

/div>

"btn1"

>獲取外部資料<

/button>

"btn2"

>get請求外部資料<

/button>

"btn3"

>post請求外部資料<

/button>

<

/body>

"">

<

/script>

$(document)

.ready

(function ())

; $(

"button").

click

(function ())

; $(

"#btn1").

click

(function ())

; $(

"#btn2").

click

(function ())

;});

$("#btn3").

click

(function (),

function

(data,status));

})})

/*獲取內容:

text(獲取標籤內內容):這是段落中的粗體文字。、

html(獲取標籤內內容,包括html**):這是段落中的粗體文字。、

val(獲取標籤value屬性的值):菜鳥教程

*//*獲取屬性:attr和prop

* html的固有屬性使用prop;

* html的自定義dom屬性使用attr

* */

/* * 新增元素:

* prepend():元素開頭插入內容

* after():元素之後插入內容

* before():元素之前插入內容

* 刪除元素:

* remove() - 刪除被選元素(及其子元素)

* empty() - 從被選元素中刪除子元素

* 獲取並設定 css 類:

* addclass() - 向被選元素新增乙個或多個類

* removeclass() - 從被選元素刪除乙個或多個類

* toggleclass() - 對被選元素進行新增/刪除類的切換操作

* css() - 設定或返回樣式屬性

* css() 方法:

* css("propertyname"):返回 css 屬性

* css("propertyname","value"):設定 css 屬性

* css():設定多個 css 屬性

* 尺寸方法:

* width(寬度)、height()、innerwidth(寬度+內邊距)、innerheight()、outerwidth(寬度+內邊距+邊框)、outerheight()

* jquery遍歷:即移動 祖先是父、祖父、曾祖父等等。後代是子、孫、曾孫等等。同胞擁有相同的父。

* 父級:parent(元素的直接父元素)、parents(元素的所有祖先元素)、parentsuntil(兩個給定元素之間的所有祖先元素)

* 後代:children(元素的所有直接子元素)、find(元素的後代元素)

* 同胞:siblings(元素的所有同胞元素)、next(元素的下乙個同胞元素)、nextall(元素的所有跟隨的同胞元素)、nextuntil(介於兩個給定引數之間的所有跟隨的同胞元素)

* prev(), prevall() & prevuntil() 方法,與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素。

* 可以使用可選引數來過濾對同胞元素的搜尋。

* jquery過濾:

* first(返回被選元素的首個元素)、last(返回被選元素的最後乙個元素)、eq(返回被選元素中帶有指定索引號的元素,從0開始)、filter(允許您規定乙個標準。不匹配這個標準的元素會被從集合中刪除,匹配的元素會被返回)

* not(返回不匹配標準的所有元素)

* 為了防止 $ 符號再其他js框架中進行衝突,jquery提供了noconflict() 方法來防止衝突,可以直接用jquery全程進行。

* jsonp:跨域讀取資料。

* */

<

/script>

<

/html>

Jquery總結模板

1.selector action 引數,callback 美元符號定義query,選擇符 selector 查詢 和 查詢 html元素,jquery的action 執行對元素的操作。2.jquery選擇器 選取 所有元素 選取所有元素,選 取所有元 素,this 選取當前html元素,p int...

jQuery外掛程式模板

1 2 外掛程式類別 1.類級別的外掛程式開發。2.物件級別外掛程式開發。3 4 1.類級別 post 5 2.物件級別 me 外掛程式名稱 6 7 以下是開發物件級別外掛程式的步驟 8 1.定義乙個帶有個名為 引數的匿名函式。將jquery這個全域性變數傳入匿名函式,並執行匿名函式。9 10 2....

jquery 外掛程式標準模板

自fullcalendar外掛程式抽取,比較經典,收藏備用。function undefined fn.zdropmenu function options if options destroy if res undefined return this options extend defaults...