初步學習jquery學習筆記（五）

2021-10-02 13:03:46 字數 2302 閱讀 2947

從某個標籤開始，按照某種規則移動，直到找到目標標籤為止



**講解**


* 元素是 的父元素，同時是其中所有內容的祖先。


* 元素是 元素的父元素，同時是 的子元素


* 左邊的 元素是 的父元素，的子元素，同時是 的後代。


* 元素是 的子元素，同時是 和 的後代。


* 兩個 元素是同胞（擁有相同的父元素）。


* 右邊的 元素是的父元素，的子元素，同時是 的後代。


*元素是右邊的 的子元素，同時是 和 的後代。
parent() 方法

返回被選元素的直接父元素。

$(document).ready(function());


});
parents() 方法

返回被選元素的所有祖先元素，它一路向上直到文件的根元素

$("span").parents();
返回指定祖先元素

$("span").parents("ul");//既是該元素的父元素，又是ul標籤
parentsuntil() 方法

返回介於兩個給定元素之間的所有祖先元素

$(document).ready(function());
返回span標籤和div標籤之間元素

children() 方法

1.返回被選元素的所有直接子元素

$(document).ready(function());
2.使用可選引數來過濾對子元素的搜尋

$(document).ready(function());
find() 方法

回被選元素的後代元素，一路向下直到最後乙個後代

1.返回指定標籤子元素

$(document).ready(function());
2.返回所有後代

$(document).ready(function());
siblings() 方法

返回被選元素的所有同胞元素。

$(document).ready(function());
返回指定標籤的同胞

$(document).ready(function());
next() 方法

返回被選元素的下乙個同胞元素,只返回乙個元素

$(document).ready(function());
nextall() 方法

返回被選元素的所有跟隨的同胞元素

$(document).ready(function());
nextuntil() 方法

返回介於兩個給定引數之間的所有跟隨的同胞元素。

$(document).ready(function());
jquery prev(), prevall() & prevuntil() 方法

prev(), prevall() 以及 prevuntil() 方法的工作方式與上面的方法類似，只不過方向相反而已：它們返回的是前面的同胞元素

first() 方法

返回被選元素的首個元素。

選取首個div 元素內部的第乙個p元素

$(document).ready(function());
last() 方法

被選元素的最後乙個元素。

$(document).ready(function());
eq() 方法

返回被選元素中帶有指定索引號的元素

$(document).ready(function());
filter() 方法

允許您規定乙個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回

返回帶有類名 "url" 的所有 p 元素：

$(document).ready(function());
not() 方法

返回不匹配標準的所有元素。

$(document).ready(function());

初步學習jquery學習筆記（六）

ajax 是與伺服器交換資料的技術，它在不過載全部頁面的情況下，實現了對部分網頁的更新。load 方法從伺服器載入資料，並把返回的資料放入被選元素中。語法 selector load url,data,callback 例子 1.載入鏈結檔案 document ready function 2.載入...

初步學習jquery學習筆記（三）

點選我停止 點我向下滑動面板 面板 現象 當呼叫stop 函式的時候動畫會結束 開始停止 停止所有 停止動畫，但完成動作 點選 開始 按鈕開始動畫。點選 停止 按鈕停止當前啟用的動畫，但之後我們能再動畫佇列中再次啟用。點選 停止所有 按鈕停止當前動畫，並清除動畫佇列，所以元素的所有動畫都會停止。點選...

jQuery學習筆記 五

負責解釋html和css 並在瀏覽器的視窗裡顯示 視窗就是為訪問者顯示內容的視窗 firefox使用gecko布局引擎 microsoft internet explorer 用的trident.hide show toggle 動態改變css屬性，讓頁面的變化就在使用者的眼前發生。fadein 將...