Kaedah operasi atribut elemen nod JQuery_jquery

Contoh dalam artikel ini menerangkan cara mengendalikan atribut elemen nod JQuery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Dalam JQuery, gunakan kaedah attr() untuk mendapatkan dan menetapkan atribut elemen, dan kaedah removeAttr() untuk memadamkan atribut elemen.

Mendapatkan sifat dan menetapkan sifat

Jika anda ingin mendapatkan tajuk atribut bagi elemen p, anda hanya perlu menghantar satu parameter kepada kaedah attr(), iaitu nama atribut.

var $para = $("p"); //获取<p>节点  
var p_txt = $para.attr("title"); //获取<p>元素节点属性title

Jika anda ingin menetapkan nilai tajuk atribut bagi elemen

$("p").attr("title", "your title");
//设置单个的属性值

Jika anda perlu menetapkan berbilang atribut untuk elemen yang sama sekali gus, anda boleh menggunakan kod berikut untuk mencapainya:

$("p") .attr({"title" : "your title", "name": "test"});   
//将一个“名/值”形式的对象设置为匹配元素的属性

Banyak kaedah dalam JQuery menggunakan fungsi yang sama untuk melaksanakan getter dan setter Contohnya, kaedah attr() di atas bukan sahaja boleh menetapkan nilai atribut elemen, tetapi juga mendapatkan nilai atribut elemen. Kaedah yang serupa termasuk html(), text(), height(), width(), val(), dan css().

Padamkan atribut

Dalam sesetengah kes, anda perlu mengalih keluar atribut tertentu elemen dalam dokumen Anda boleh menggunakan kaedah removeAttr() untuk menyelesaikan tugas.

Jika anda perlu memadamkan atribut tajuk bagi elemen p, anda boleh menggunakan kod berikut untuk mencapainya:

$("p").removeAttr("title");
//删除<p>元素的属性title

Anda boleh melihatnya dengan jelas di bawah Firebug.

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.