溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了jQuery HTML怎么設置內容和屬性，內容簡而易懂，希望大家可以學習一下，學習完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。
jQuery - 設置內容和屬性
將使用前一章中的三個相同的方法來設置內容：
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("jb51");
});上面的三個 jQuery 方法：text()、html() 以及 val()，同樣擁有回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始（舊的）值。然后以函數新值返回您希望使用的字符串。
下面的例子演示帶有回調函數的 text() 和 html()：
$("#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 + ")";
});
});jQuery attr() 方法也用于設置/改變屬性值。
下面的例子演示如何改變（設置）鏈接中 href 屬性的值：
$("button").click(function(){
$("#jb51").attr("href","//www.jb51.net/jquery");
});attr() 方法也允許同時設置多個屬性。
下面的例子演示如何同時設置 href 和 title 屬性：
$("button").click(function(){
$("#jb51").attr({
"href" : "//www.jb51.net/jquery",
"title" : "jQuery 教程"
});
});jQuery 方法 attr()，也提供回調函數。回調函數有兩個參數：被選元素列表中當前元素的下標，以及原始（舊的）值。然后以函數新值返回您希望使用的字符串。
下面的例子演示帶有回調函數的 attr() 方法：
$("button").click(function(){
$("#jb51").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});以上就是關于jQuery HTML怎么設置內容和屬性的內容，如果你們有學習到知識或者技能，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
