jquery學習進階使用
Jquery的遍歷css
Jquery的遍歷-獲取父節點html
舉例：服務器
<div>div (曾祖父)函數
<ul>ul (祖父) post
<li>li (直接父)網站
<span>span</span>spa
</li>視頻
</ul> htm
</div>索引
parent() 方法返回被選元素的直接父元素。$("span").parent();得到li
parents() 方法返回被選元素的全部祖先元素(包括父節點和html)，它一路向上直到文檔的根元素 (<html>)。$("span"). parents (); 得到 html-body-div-ul-li
parentsUntil() 方法返回介於兩個給定元素之間的全部祖先元素。
$("span").parentsUntil("div");返回ul-li
Jquery的遍歷-獲取同級節點
siblings() 方法返回被選元素的全部同胞元素。
next() 方法返回被選元素的下一個同胞元素。
nextAll() 方法返回被選元素的全部跟隨的同胞元素。
nextUntil() 方法返回介於兩個給定參數之間的全部跟隨的同胞元素。 (不包括h2和h6)
$("h2").nextUntil("h6").css({"color":"red","border":"2px solid red"});意思是說h3-h4-h5加上紅線外邊框
prev(), prevAll() 以及 prevUntil() 方法的工做方式與上面的方法相似，只不過方向相反而已：它們返回的是前面的同胞元素（在 DOM 樹中沿着同胞元素向後遍歷，而不是向前）。
Jquery的遍歷-過濾
first() 方法返回被選元素的首個元素。$("div p").first();返回div的節點
last() 方法返回被選元素的最後一個元素。 $("div p").last();返回p的節點
eq() 方法返回被選元素中帶有指定索引號的元素。$("p").eq(1);返回的是從body上面向下，以0爲索引的第二個p元素的節點
也就是說，第二個p標籤的節點
filter() 方法容許您規定一個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。$("p").filter(".test");返回帶有test類的p標籤的節點
not() 方法返回不匹配標準的全部元素。not() 方法與 filter() 相反。 $("p").not(".test");返回p標籤不帶test的類的節點
Jquery的遍歷-AJAX技術
在不加載所有網頁的狀況下更新部分網頁部分的內容 如 視頻網站
$(selector).load(URL,data,callback);
必需的 URL 參數規定您但願加載的 URL。
可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。
可選的 callback 參數是 load() 方法完成後所執行的函數名稱。
$.get() 方法經過 HTTP GET 請求從服務器上請求數據。$.get(URL,callback);
必需的 URL 參數規定您但願請求的 URL。
可選的 callback 參數是請求成功後所執行的函數名。
下面的例子使用 $.get() 方法從服務器上的一個文件中取回數據：$.post() 方法經過 HTTP POST 請求從服務器上請求數據。
$.post(URL,data,callback);
必需的 URL 參數規定您但願請求的 URL。
可選的 data 參數規定連同請求發送的數據。
可選的 callback 參數是請求成功後所執行的函數名。
下面的例子使用 $.post() 連同請求一塊兒發送數據：
Jquery noConfict()方法
noConflict() 方法會釋放會 $ 標識符的控制，這樣其餘腳本就能夠使用它了。
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在運行！");
});
});
</script>
- 1. kubebuilder2.0學習筆記——進階使用
- 2. 進階學習
- 3. day32 jQuery 進階
- 4. JavaScript進階學習
- 5. lnuix進階學習
- 6. CUDA 進階學習
- 7. linux學習進階
- 8. Python學習進階
- 9. iOS進階學習
- 10. JAVA進階學習
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • 適用於PHP初學者的學習線路和建議
- • Tomcat學習筆記（史上最全tomcat學習筆記）
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. kubebuilder2.0學習筆記——進階使用
- 2. 進階學習
- 3. day32 jQuery 進階
- 4. JavaScript進階學習
- 5. lnuix進階學習
- 6. CUDA 進階學習
- 7. linux學習進階
- 8. Python學習進階
- 9. iOS進階學習
- 10. JAVA進階學習