jquery基本操作

2022-07-23 18:57:20 字數 1010 閱讀 8488

一、頁面載入

第一種:

$(function());

第二種$(document).ready(function());

取值:表單元素:$(選擇器).val();

非表單元素:$(選擇器).text()/html();

注意:獲取到元素物件時,迴圈時要注意:console.log($(變數[i]).val());來獲取

設定值:

表單元素:$(選擇器).val(『值』);

非表單元素:$(選擇器).text()/html(『值』);

標籤顯示隱藏:

隱藏:$().hide();

顯示:$().show();

層次選擇器:

$(s1 s2) [父子]:獲取s1下的所有s2

$(s1 > s2) [父子]:獲取s1第一層下的s2

$(s1 + s2) [兄弟]:獲取s1後的第乙個s2

$(s1 ~ s2) [兄弟]:獲取s1後的所有s2

屬性操作:

$().attr(屬性名稱); //獲得屬性資訊值

$().attr(屬性名稱,值); //設定屬性的資訊

$().removeattr(屬性名稱); //刪除屬性

$().attr(json物件); //同時為多個屬性設定資訊值,json物件的鍵值對就是名稱和值

$().attr(屬性名稱,fn); //通過fn函式執行的return返回值對屬性進行賦值

class屬性值操作:

$().addclass(值); //給class屬性追加資訊值

$().removeclass(值); //刪除class屬性中的某個資訊值

$().toggleclass(值); //開關效果,有就刪除,沒有就新增

css操作:

$().css(name,value); //設定

$().css(name); //獲取

$().css(json物件); //同時修改多個css樣式

jquery基本操作

終於像擠牙膏一樣開始了在的第一篇隨記,一直想寫博,又都沒時間 其實都是忽悠自已 經歷了乙個電商平台的開發,真心很疲憊,想休息下,但我不敢。今天若休息,明天呢,最終會發現一直是在自已忽悠自己。以前經常看別人的部落格,某些寫的真的很好,是書本上根本看不到的,現在我也要用部落格來記錄下我的所學所悟。以下是...

jquery 基本操作

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname 兄弟元素選擇器...

jQuery基本操作

jquery新增標籤屬性 div attr class 返回文件中所有div元素的class屬性值 div attr class box 設定所有div的class屬性值為box div removeattr class 刪除文件中所有div的class屬性 不建議使用 img removeprop...