jQuery

什么是jQuery?jQuery是一個Javascript庫，極大的簡化了Javascript編程。
接下來就討論如何使用這個庫吧。
因為這是一個庫，所以首先要引入庫

<script type="text/javascript" src="jquery.js"></script>

?

jQuery 部分寫在包裝的代碼里。

<script type="text/javascript"> $(document).ready(function(){/***代碼部分**/}); 或是精簡版的 $(function(){}); </script>

?

jQuery語法：這個很簡單。$(selector).action();

jQuery選擇器：使用$作為選擇符，$("p") $("p.class-name")選擇有class="class-name"的<p>

$("[href]")所有有href屬性的元素 $("[foo="value"]")$("[foo!='value']")$([foo$=".jpg"])以.jpg結尾

jQuery事件：以click時間舉例，

$("button").click(function(){ });

?

其他常見的事件還有:dbclick focus mouseover......................;

jQuery效果：以hide()為例：
$("div1").hide();//參數可選，（speed,callback）speed:slow fast 或是毫秒數
其他還有hide() show() toggle() fadeIn() fadeOut() fadeToggle() fadeTo(speed,opacity,callback)
slideUp()滑動效果是元素出現和隱藏 slideDown() slideToggle()等；
還有animate(),添加動畫效果參數有({CSS屬性 color:"red"},speed,callback);stop()方式用于停止動畫以及效果進程。
callback函數用于在順利執行方法后執行。

jQuery獲得內容和屬性:text()獲取或設置文本 html()獲取或設置html代碼 val()獲取或設置表單元素的值 方法；
獲取或設置屬性attr()，attr("屬性名稱":"屬性值")；

jQuery添加元素：append()被選元素的結尾;prepend()被選元素的開頭 after() 后邊 before()之前
append() and prepend() after() before()can receive many newElements

jQuery刪除元素：remove()刪除被選元素，empty()刪除被選元素的子元素；

jQuery操作CSS addClass() removeClass() toggleClass() css() css("propertyname")返回css屬性值
css("propetyname","value")設置css屬性；

jQuery尺寸：width()設置數值使用整數即可 height() innerWidth() innerHeight() outerWidth(true) outerHeight(true)

jQuery遍歷：parent()直接父元素 parents（）所有父元素 可添加參數進行搜索 parentUntil("元素便簽名")介于兩個元素之間的父元素
children()，返回所有直接子元素 可使用參數搜索 find()返回所有后代 可使用參數搜索。
siblings()所有同胞元素 next() nextAll() nextUntil() prev() prevAll() prevUntil()部分可使用參數搜索
first() 被選元素的第一個元素 last() eq()選擇帶有索引號的元素 filter()篩選 參數是選擇符 not()與filter相反

jQuery Ajax:get(url,callback) 回調函數有2個參數 第一個接收responseText 第二個接收status。
post(url,data,callback)

jQuery noConflict()方法用來替換選擇符。var jq=$.noConflict();

?

轉載于:https://www.cnblogs.com/kirinchang/p/4334282.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的jQuery快速复习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。