<
!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...