jQuery mendapat...LOGIN

jQuery mendapat atribut biasa

Dapatkan atribut biasa

Walaupun kami boleh mendapatkan hampir semua maklumat tentang elemen dengan mendapatkan atribut, ciri dan gaya CSS, sila beri perhatian kepada percubaan berikut:

<!doctype html>
<html>
<head>
  <meata charset="utf-8"/>
  <title>get object width</title>
  <script src="jquery-1.11.2.min.js"></script>
  <script>
    $(function() {
      alert("attr(\"width\"):" + $("#testDiv").attr("width")); //undifined
      alert("css(\"width\"):" + $("#testDiv").css("width")); //auto(ie6) 或 1264px(ff)
      alert("width():" + $("#testDiv").width()); //正确的数值 1264
      alert("style.width:" +  $("#testDiv")[0].style.width); //空值
    })
  </script>
</head>
<body>
  <div id="testDiv">test text</div>
</body>
</html>

Kami ingin mendapatkan lapisan ujian Untuk lebar, gunakan kaedah attr untuk mendapatkan "atribut elemen" sebagai tidak ditentukan, kerana tiada lebar ditambahkan pada div. Walaupun nilai atribut gaya boleh diperoleh menggunakan kaedah css(), hasil yang dikembalikan dalam penyemak imbas berbeza adalah berbeza, manakala FF mengembalikan nilai yang betul tetapi dengan "px" di belakangnya. Jadi jQuery menyediakan kaedah width(), yang mengembalikan nilai yang betul tanpa px.

Sebagai tindak balas kepada masalah di atas, jQuery menyediakan kaedah untuk mendapatkan dan menetapkan atribut yang biasa digunakan Contohnya, width() membenarkan pengguna mendapatkan lebar elemen, manakala width(val) digunakan untuk menetapkan. lebar sesuatu elemen.

Kaedah berikut boleh digunakan untuk mendapatkan nilai atribut biasa unsur:

HeightAndWidth.jpg

1 berkaitan Tinggi dan Lebar

Mengenai fungsi mendapatkan panjang dan lebar, adalah perlu untuk membezakan perbezaan antara tiga fungsi "dalam", "luar" dan tinggi/lebar:

division.jpg

OuterWidth boleh menerima parameter nilai bool untuk menunjukkan sama ada hendak mengira nilai margin.

Saya percaya gambar ini jelas menunjukkan julat yang diminta oleh setiap fungsi. Gambar menggunakan lebar sebagai contoh, dan fungsi ketinggian adalah sama.

2. Penentududukan yang berkaitan dengan Kedudukan

Selain itu, dalam sesetengah skrip yang melibatkan objek pop timbul, selalunya perlu mendapatkan secara dinamik koordinat pop timbul dan tetapkan Lokasi elemen.

Walau bagaimanapun, banyak kaedah pengiraan lokasi mempunyai masalah keserasian penyemak imbas jQuery memberikan kami pelbagai fungsi berkaitan lokasi:

Positioning.jpg

bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <style> body{font-family: "微软雅黑";width: 980px; margin: 0 auto; text-align: center;} .box{ width: 300px; height: 300px; background: green; border: 1px solid #e6e6e6; line-height: 200px; position: absolute; } button{ border: none; background: green; width: 125px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; margin-top: 50px; font-family: "微软雅黑"; } </style> <body> <button id="btn1">显示text</button> <button id="btn2">显示html</button> <button id="btn3">显示输入内容</button> <p id="text">这是要显示<b>粗体</b>的节奏</p> <br /> <input id="input" value="买房子"> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#text").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#text").html()); }); $("#btn3").click(function(){ alert("Value: " +$("#input").val()); }); }); </script> </body> </html>
babperisian kursus