Jquery學習筆記

2021-07-30 23:27:31 字數 2672 閱讀 5336

$.map(array,fn) 對陣列中每個元素呼叫

fn函式逐個進行處理,

fn函式將處理返回,最後得到乙個新陣列。但是它不能像

$each

一樣處理

dictionary

風格的函式。

$.each(array,fn)對陣列

array

呼叫fn

函式逐個進行處理,沒有返回值。

var arr=

$.each(arry,function(key,value));

如果是普通風格的陣列,則key的值是序號。

還可以省略function的引數,這個時候用

this

得到遍歷的當前元素。

jquery物件、

dom物件

jquery物件就是通過

jquery

包裝dom

物件後產生的物件。

$(「#div1」).html()等價於:

document.getelementbyid(「div1」).innerhtml;

dom物件要想通過

jquery

進行操作,先要轉換為

jquery

物件。

將dom物件轉換成

jquery

物件的方法,

$(dom物件)

;當呼叫

jquery

沒有封閉的方法的時候必須用

dom物件,轉換的方法:

var dobj = jqobj[0]

或者obj = jqobj.get(0)

.next()

.nextall()

.siblings()

基本選擇器

$(「#id」)

$(「tagname」)

$(「.classname」)

多選擇器

$(「tagname1,tagname2,tagname3[...]」)

層次選擇器

$(「div li」)

$(「div>li」) 獲取div下的直接

li子元素

$(「.dclass+div」) 獲採樣式名為dclass之後的第乙個

div元素(不常用)

$(「.dclass~div」) 獲採樣式名為dclass之後的所有的

div元素(不常用)

相對選擇器

$(「#div」).click(function(){

$(「ul」, $(this)).css(「background」,」red」);

$(「#t1 tr」).click(function(){

$(「td」,$(this)).css(「background」,」red」);

基本過濾器

:first 選取第乙個元素。

$(「div:first」)選取第乙個

:last 選取最後乙個元素。

$(「div:last:)選取最後乙個

:not(選擇器

)選取不滿足「選擇器」條件的元素,

$(「input:not(.myclass)」)選採樣式名不是

myclass的

:even、

:odd

,選取索引是奇數、偶數的元素:

$(「input:even」)選取索引是奇數的

:eq(索引序號)、

:gt(

索引序號)、

:lt(

索引序號

)選取索引等於、大於、小於索引序號的元素,比如

$(「input:lt(5)」)選取索引小於5的

$(「:header」)選取所有的

h1......h6元素

$(「div:animated」)選取正在執行動畫的元素

表單過濾器

$(「#form1:enabled」)選取id為

form1

的表單內所有啟用的元素

$(「#form1:disabled」)選取id為

form1

的表單內所有禁用的元素

$(「input:checked」)選取所有選中的元素(

radio

、checkbox)

$(「select:selected」)選取所有選中的選項元素(下拉列表)

表單物件過濾器

$(「:input」)選取所有、、

和button

元素,和

$(「input」)不一樣,

$(「input」)只獲得

$(「:text」)選取所有單行文字框,等價地

$(「input[type=text]」)

$(「:password」)選取所有密碼框,

同理還有:radio、

:checkbox

、:submit

、:image

、:reset

、:button

、:file

、:hidden。

屬性過濾器

$(「div[id]」)選取有

id屬性的

div

$(「div[title=test]」)選取

title

屬性為」test」的div,

jquery

中沒有對

getelementsbyname

進行封裝,用

$(「input[name=abc]」)

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...

Jquery 學習筆記

text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值,必須...

Jquery學習筆記

1.給一組相同的css加事件,要使用bind,live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...