Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah maksud attr dalam jquery
Apakah maksud attr dalam jquery
- 青灯夜游asal
- 2022-04-28 18:00:155166semak imbas
Dalam jquery, nama penuh attr ialah "atribut", yang bermaksud "atribut". Ia adalah kaedah operasi atribut yang boleh mengembalikan nilai atribut bagi elemen tersebut. nama atribut""; juga Satu atau lebih pasangan atribut/nilai boleh ditetapkan untuk elemen, dengan sintaks "element.attr({attribute:value, attribute:value...})".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dalam jquery, nama penuh attr ialah "atribut", yang bermaksud "atribut" dalam bahasa Cina.
attr() ialah kaedah operasi atribut dalam jquery yang boleh menetapkan atau mengembalikan atribut dan nilai elemen yang dipilih.
Apabila kaedah ini digunakan untuk mengembalikan nilai atribut, nilai elemen padanan pertama dikembalikan.
Apabila kaedah ini digunakan untuk menetapkan nilai atribut, satu atau lebih pasangan atribut/nilai ditetapkan untuk elemen padanan.
Sintaks:
Kembalikan nilai atribut:
$(selector).attr("属性名")Tetapkan atribut dan nilai:
//设置单个属性和值：
$(selector).attr("属性","值")
//设置多个属性和值：
$(selector).attr({属性:值,属性:值,...})Contoh 1: Kembalikan nilai atribut
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
alert("图片宽度: " + $("img").attr("width"));
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>返回图片的宽度</button>
</body>
</html>
Contoh 2 : Tetapkan Atribut lebar imej
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("img").attr("width","500");
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>为图片设置width属性</button>
</body>
</html>
Contoh 3: Menetapkan berbilang pasangan atribut dan nilai
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("img").attr({width:"150",height:"100"});
});
});
</script>
</head>
<body>
<img src="img/1.jpg" alt="Pulpit Rock" width="284" style="max-width:90%">
<br>
<button>给图片设置宽度和高度属性</button>
</body>
</html>
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Apakah maksud attr dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!