jQTips 動態新增元素的清爽寫法

2021-09-16 18:44:44 字數 1196 閱讀 3004

在寫動態新增元素時，一般比較常見的寫法都是這個樣子的：

var newclass = 'newdiv';


var newtext = 'demo!';


var newbody = $('' + newtext + '


');
如果還需要事件呢，那麼就在前邊加個事件委託：

$(document).on('click', '.newdiv', function());
但其實呢，這裡可以還使用jquery物件的包裝語法，通過查詢文件呢我們知道它的語法是jquery( html, attributes )，在html引數這裡，我們可以使用乙個（不含任何屬性的）單標籤，就是類似於""、""以及"

"這幾種型別的標籤，它和前邊一大長串字串那種的區別在於：前者會用innerhtml實現；而後者則是呼叫.createelement()實現的。

看到這裡你可能會問，如果前邊用了單標籤，那裡邊這堆class啊還有內容啥的該咋辦？答案就在第二個引數attributes上。attributes引數是乙個物件，裡邊放的是第乙個引數、也就是單標籤裡的屬性，簡單來說你可以將它等同於.attr(attributes)來用，並且，它還能綜合.val()、.css()、.html()、.text()、.data()、.width()、.height()、.offset()之類的功能，比如第一段**就可以改寫成：

var newclass = 'newdiv';


var newtext = 'demo!';


$('',
當然也可以寫成：

var newclass = 'newdiv';


var newtext = 'demo!';


$('', 


}
如果為一堆變數名命名發愁，也可以完全不用變數，變成：

$('',
看起來有沒有比苦逼的字串拼接清爽許多呢？

JList動態新增元素

如果要動態的新增，以下是我的經驗 按我的理解，其實jlist不管資料的新增，而是由defaultlistmodel類實現資料的新增，先說說這個類的繼承關係。listmode 介面 abstractlistmode類 defaultlistmodel類 例如 defaultlistmodel dlm ...

JQuery動態新增元素

動態新增元素 1.先寫個殼子 2.動態新增 aj click function 注意點一 在新增新元素時最好不要加多餘的字元 比如空格 否則如果後面要刪除容易加入過多 text元素 注意點二 用on給未來元素繫結事件 元素上繫結乙個事件，那麼這個元素必須先存在，也就是繫結事件動作前就已有這個元素。如...

jquery 動態新增元素的事件

開發專案時候選擇框dropdownlist的change事件，有時候需要多級級聯從而動態生成select元素，但是此時的select元素的change事件無法觸發，非常苦悶。在專案中採用了兩種方式，一種是重新聲稱元素的時候，把事件寫入到partial的view中，但是這種方法執行還是不錯，但是在我做...