jQuery基礎使用 一

2021-08-30 22:06:27 字數 1323 閱讀 9339

(個人經驗,僅供參考,錯誤之處,敬請諒解)

jquery物件與dom物件

jquery物件轉化為dom物件

var $div = $(『div』); //jquery物件

var div = $div.get(0);

div.style.color = 『red』;

dom物件轉化為jquery物件

var div = document.getelementsbytagname(『div』);

var $div = $(div);

var $first = $div.first();

jquery 選擇器

id選擇器 $(』#id』)

類選擇器 $(』.class』)

元素選擇器 $(『div』)

全選擇器 $(*)

層級選擇器 $(『parent > children』) $(『ancestor descendant』) $(『prev+next』) $(『prev~siblings』)

基本篩選選擇器 $(』:first』) $(』:last』) $(』:even』) $(』:odd』) $(』:eq()』) $(』:lt(index』) $(『gt(index)』)

內容篩選選擇器 $(』:contains(text)』) $(』:has(selector)』) $(』:parent』) $(』:empty』)

可見性篩選選擇器 $(』:visible』) $(』:hidden』)

屬性篩選選擇器 $("[attribute~=『value』]") $("[attribute=『value』]") $("[attribute^=『value』]") $("[attribute $=『value』]")

子元素篩選選擇器 $(』:first-child』) $(』:last-child』) $(』:only-child』) $(』:nth-child(index)』)

表單元素選擇器 $(』:input』) $(』:text』) $(』:radio』) $(』:reset』)

表單元素物件屬性篩選選擇器 $(":enabled") $(":disabled") $(":checked") $(":selected")

jquery 屬性名與樣式

attr(attribute,value)、removeattr(attribute)

html()、text()

val() 只能用來獲取表單元素的值

addclass()、removeclass()、toggleclass()切換樣式,有則刪除,沒有則增加(可加第二引數true,false)

css(『attribute,』『value』)、css()

Jquery基礎使用

選擇表示式可以是 css選擇器 document 選擇整個文件物件 myid 選擇id 為myid 的網頁元素 divmyclass 選擇class 為myclass 的div元素 input name first 選擇name 屬性等於 first 的input元素 也可以是 jquery 特有的...

jquery學習基礎使用

jquery獲取元素進行操作 一 基礎方式 四種 this hide 表示 jquery 的hide 函式,隱藏當前的 html 元素。test hide 表示 jquery 的hide 函式,隱藏id test 的元素。p hide 表示 jquery 的hide 函式,隱藏所有 元素。test ...

jQuery基礎學習筆記(一)

jquery中的入口函式有兩種 第一種 function 第二種 document ready function 注意 可換成jquery。等著 dom 結構渲染完畢即可執行內部 不必等到所有外部資源載入完成,jquery 幫我們完成了封裝。相當於原生 js 中的 domcontentloaded。...