當幸福來敲門

我就會牢牢抓住！

隨筆 - 50, 文章 - 3, 評論 - 8, 引用 - 0

數據加載中……

HTML標簽學習

不用jquery實現$.val(), $.html(), $.css(), $.attr()

jquery寫久了，發現val, html,attr, 和css這些函數非常的實用，但是沒有jquery的環境呢？可以使用以下代碼來分別代替。

Code: $("#id1").val();
$("#id1").val("test");

對應為

document.getElementById("id1").value;
document.getElementById("id1").value = "test";

Code: $("#id1").html();
$("#id1").html("test");
$("#id1").append("test");

對應為

document.getElementById("id1").innerHTML;
document.getElementById("id1").innerHTML = "test";
document.getElementById("id1").innerHTML += "test";

Code: $("#id1").css("background","green");

對應為

document.getElementById("id1").style.background = "green";

Code: $("#id1").attr('onclick','alert(1);');

對應為

document.getElementById("id1").setAttribute('onclick','alert(1);');

posted on 2011-12-08 14:48 wyx 閱讀(186) 評論(0) 編輯收藏

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

當幸福來敲門

HTML標簽學習

導航

常用鏈接

留言簿

隨筆檔案

文章檔案

技術連接

生活感悟

搜索

最新評論

閱讀排行榜

評論排行榜