jQuery學習筆記 屬性

2021-09-22 07:06:44 字數 3901 閱讀 4186

一、屬性

1、attr(name)

取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回 undefined 。

返回值 object

引數 name (string) : 屬性名稱

示例:$(document).ready(

function

() );

2、attr(properties)

將乙個「名/值」形式的物件設定為所有匹配元素的屬性。

這是一種在所有匹配元素中批量設定很多屬性的最佳方式。 注意,如果你要設定物件的class屬性,你必須使用'classname' 作為屬性名。

或者你可以直接使用.addclass( class ) 和 .removeclass( class ).

返回值 jquery

引數 properties (map) : 作為屬性的「名/值對」物件

示例:3、attr(key,value)

為所有匹配的元素設定乙個屬性值。

返回值 jquery

引數 key (string) : 屬性名稱

value (object) : 屬性值

示例:$(document).ready(

function

() );

4、attr(key,fn)

為所有匹配的元素設定乙個計算的屬性值。

不提供值,而是提供乙個函式,由這個函式計算的值作為屬性值。

返回值 jquery

引數 key (string) : 屬性名稱

fn (function) : 返回值的函式 範圍:當前元素, 引數: 當前元素的索引值

示例:$(document).ready(

function

() ); 

});

5、removeattr(name)

從每乙個匹配的元素中刪除乙個屬性

返回值 jquery

引數 name (string) : 要刪除的屬性名

示例:$(document).ready(

function

() );

二、css類

1、addclass(class)

為每個匹配的元素新增指定的類名。

返回值 jquery

引數 class (string) : 乙個或多個要新增到元素中的css類名,請用空格分開

示例://

為匹配的元素加上 'selected highlight'兩個類 

$(document).ready(

function

() );

2、removeclass(class)

從所有匹配的元素中刪除全部或者指定的類。

返回值 jquery

引數 class (string) : (可選) 乙個或多個要刪除的css類名,請用空格分開

示例:$(document).ready(

function

() );

3、toggleclass(class)

如果存在(不存在)就刪除(新增)乙個類。

返回值 jquery

引數 class (string) :css類名

示例:4、toggleclass( class, switch )

如果開關switch引數為true則加上對應的class,否則就刪除。

返回值 jquery

引數 class (string) :要切換的css類名

switch (boolean) :用於決定元素是否包含class的布林值。

示例:var

count =0

;$("p

").click(

function

() );

三、html**

1、html()

取得第乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件。

返回值 string

引數 id (string) : 用於搜尋的,通過元素的 id 屬性中給定的值

示例:$(document).ready(

function

() );

2、html(val)

設定每乙個匹配元素的html內容。這個函式不能用於xml文件。但可以用於xhtml文件。

返回值 jquery

引數 val (string) : 用於設定html內容的值

示例:$(document).ready(

function

() );

四、文字

1、text()

取得所有匹配元素的內容。

結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。

返回值 string

示例:$(document).ready(

function

() );

2、text(val)

設定所有匹配元素的文字內容

與 html() 類似, 但將編碼 html (將 "" 替換成相應的html實體).

返回值 jquery

引數 val (string) : 用於設定元素內容的文字

示例:$(document).ready(

function

() );

五、

1、val()

獲得第乙個匹配元素的當前值。

在 jquery 1.2 中,可以返回任意元素的值了。包括select。如果多選,將返回乙個陣列,其包含所選的值。

返回值 string,array

引數 id (string) : 用於搜尋的,通過元素的 id 屬性中給定的值

示例://

獲得單個select的值和多選select的值。 

$(document).ready(

function

() );

文件片段:

2、val(val)

設定每乙個匹配元素的值。

在 jquery 1.2, 這也可以為select元件賦值

返回值 jquery

引數 val (string) : 要設定的值。

示例://

設定文字框的值 

$(document).ready(

function

() );

3、val(val)

check,select,radio等都能使用為之賦值

返回值 jquery

引數 val (array) : 用於 check/select 的值

示例://

設定乙個select和乙個多選的select的值  

$(document).ready(

function

() );

文件片段:

到這裡,你是不是又對dom操作省心了不少?想起以前**人怨的dom笨拙的操作方式...呵呵,解放了,oh yeah。

Jquery學習筆記 操作屬性

each 函式 遍歷包裝集,並執行迭代函式,引數為下標,this為元素 attr name 並對有爭議的屬性名稱進行了規範化,如 class float ie中是stylefloat for,maxlength readonly attr name,value value可以為 字串,物件和函式,為...

JQuery學習筆記之屬性與樣式

attr 有4個表示式 html text 和.val 的差異總結 html 和.text 方法不能使用在表單元素上,而.val 只能使用在表單元素上 另外.html 方法使用在多個元素上時,只讀取第乙個元素 val 方法和.html 相同,如果其應用在多個元素上時,只能讀取第乙個表單元素的 val...

JQuery學習筆記(2) 陣列 屬性 事件

jqueryobjectarray.each function index,element mytable each function i,ele ele.innertext tofixed 2 保留2位小數 陣列呼叫map,會自動拼接成乙個字串 getjson json data.html fun...