Contoh penggunaan kaedah attr() dalam jQuery_jquery

Contoh dalam artikel ini menerangkan penggunaan kaedah attr() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kaedah ini menetapkan atau mengembalikan nilai atribut elemen padanan. Kaedah attr() mempunyai fungsi yang berbeza bergantung pada parameter.

Struktur tatabahasa 1: Dapatkan nilai atribut atribut yang ditentukan bagi elemen padanan pertama.

Salin kod Kod adalah seperti berikut: $(selector).attr(nama) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 650px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 57px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 name 定义要获取其值的属性名称。 Kod contoh:

Salin kod Kod adalah seperti berikut: attr() function-Script Home .font{ saiz fon:18px; warna:kuning } .bg{ latar belakang:#336; } .kedua{ warna:hijau } $(dokumen).sedia(fungsi(){ $("#btn").klik(fungsi(){ alert($("div").attr("class")); }) }) Saya ialah div pertama Saya ialah div kedua Klik untuk melihat kesan Dalam kod di atas, mengklik butang boleh memaparkan nilai atribut kelas bagi elemen pertama dalam koleksi elemen yang sepadan.

Struktur tatabahasa 2: Menetapkan nilai atribut untuk atribut tertentu bagi elemen yang dipadankan.

Salin kod Kod adalah seperti berikut: $(selector).attr(attribute,value) Senarai parameter: <table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 656px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 85px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 attribute 定义要设置值的属性名称。 value 定义要设置的属性值。

实例代码:

复制代码 代码如下: attr()函数-脚本之家 div{ lebar:200px; ketinggian:200px; sempadan:1px biru padu } .font{ saiz fon:18px; warna:kuning } .bg{ latar belakang:#336; } .set semula{ warna:hijau; saiz fon:20px; } $(dokumen).sedia(fungsi(){ $("#btn").klik(fungsi(){ $("div").attr("class","reset"); }); }) 脚本之家欢迎您 点击查看效果 以上代码中， 当点击按钮的时候，能够重新设置div元素的class属性值。

语法结构三: 将“名/值”形式的对象设置为匹配元素的属性。可以一次性设置多组“名/为匹配元素的属性。可以一次性设置多组“名/平平平平平平年进行设置。

复制代码 代码如下: $(selector).attr(properties) 参数列表:

Kod contoh:

Salin kod Kod adalah seperti berikut: attr() function-Script Home $(dokumen).sedia(fungsi(){ $("#btn").klik(fungsi(){ $("td").attr({lebar:"200",tinggi:"300"}); }) }) Selamat datang ke Rumah Skrip Klik untuk melihat kesan Dalam kod di atas, anda boleh menetapkan lebar dan ketinggian sel.

Struktur sintaks empat: Tetapkan nilai atribut melalui nilai pulangan fungsi.

Salin kod Kod adalah seperti berikut: $(selector).attr(nama,fungsi(indeks ,nilai lama) ) Senarai parameter:

<table class="t_table" cellspacing="0" style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; width: 659px; border-collapse: collapse; font: small/19px Tahoma, 'Microsoft Yahei', Simsun; word-wrap: break-word; white-space: normal; empty-cells: show; table-layout: auto; letter-spacing: normal; height: 123px; color: rgb(68,68,68); border-top: rgb(227,237,245) 1px solid; border-right: rgb(227,237,245) 1px solid; word-spacing: 0px; -webkit-text-stroke-width: 0px"> 参数 描述 name 定义要设置值的属性的名称。 function(index,oldvalue) 定义返回属性值的函数 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的属性值。 实例代码:

复制代码 代码如下: attr()函数-脚本之家 div{ Höhe:200px; Breite:200px; Rand: 1 Pixel einfarbig blau } .font{ Schriftgröße:18px; } .bg{ Hintergrund:#336; Farbe: rot; } .reset{ Schriftgröße:20px; Farbe: grün; } $(document).ready(function(){ $("#btn").click(function(){ $("div").attr("class" ,function(){ gib „zurücksetzen“ zurück }) }) }) 脚本之家欢迎您 点击查看效果 以上代码中，同样可以设置div的class属性值，只是属性值是以函数的返回值方式获得的。

Sie haben die jQuery-Version mit jQuery erstellt.

Contoh penggunaan kaedah attr() dalam jQuery_jquery

Artikel berkaitan