亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

tetapan jQuery

Menetapkan kandungan - text(), html() dan val()

Kami akan menggunakan tiga kaedah yang sama dari bab sebelumnya untuk menetapkan kandungan:

text() - Menetapkan atau mengembalikan kandungan teks elemen yang dipilih html() - Menetapkan atau mengembalikan kandungan elemen yang dipilih (termasuk tag HTML) val() - Menetapkan atau mengembalikan nilai medan borang

Di bawah Contoh menunjukkan cara untuk menetapkan kandungan melalui kaedah text(), html() dan val()

Fungsi panggil balik text(), html() dan val()

Tiga kaedah jQuery di atas: text(), html() dan val() juga mempunyai fungsi panggil balik. Fungsi panggil balik mengambil dua parameter: indeks elemen semasa dalam senarai elemen yang dipilih dan nilai asal (lama). Kemudian kembalikan rentetan yang anda ingin gunakan sebagai nilai baharu fungsi tersebut.


Tetapkan atribut - attr()

kaedah jQuery attr() juga digunakan untuk menetapkan/menukar nilai atribut. Kaedah

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#php").attr("href","http://ipnx.cn/jquery");
  });
});
</script>
</head>
<body>
<p><a href="http://ipnx.cn" id="php">php中文網(wǎng)</a></p>
<button>修改 href 值</button>
<p>點(diǎn)擊按鈕修改后,可以點(diǎn)擊鏈接查看鏈接地址是否變化。</p>
</body>
</html>

attr() juga membenarkan anda menetapkan berbilang atribut pada masa yang sama


attr() fungsi panggil balik

kaedah jQuery attr() juga menyediakan fungsi panggil balik. Fungsi panggil balik mengambil dua parameter: indeks elemen semasa dalam senarai elemen yang dipilih dan nilai asal (lama). Kemudian kembalikan rentetan yang anda ingin gunakan sebagai nilai baharu fungsi tersebut.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "舊文本: " + origText + " 新文本: Hello world! (index: " + i + ")"; }); }); $("#btn2").click(function(){ $("#test2").html(function(i,origText){ return "舊 html: " + origText + " 新 html: Hello <b>world!</b> (index: " + i + ")"; }); }); }); </script> </head> <body> <p id="test1">這是一個(gè)有 <b>粗體</b> 字的段落。</p> <p id="test2">這是另外一個(gè)有 <b>粗體</b> 字的段落。</p> <button id="btn1">顯示 新/舊 文本</button> <button id="btn2">顯示 新/舊 HTML</button> </body> </html>