1.使用jqury進行dom操作

（1）.新建節點 使用$()包住即可返回值是jquery對象

var $liNode=$("<li></li>")

(2).把節點插入到文檔中的8個方法

1.append,appendTo ? ?這兩個方法是插入到文檔的末尾，注意append的左邊是要被插入的對象，其他的同理可知

2.pretend,pretendTo ?插入到文檔的頭

3.insertAfter,after ? 插入到文檔的后面

4.insertBefore,before ?插入到文檔的前面

（3）.刪除節點

a.remove();a被清除

(4)清空節點

a.empty();a被清空

（5）克隆節點

//在紅警的下面game中克隆北京
$('#game li:first').after($('#a1').clone(true).attr("id","a2"));

（6）替換節點

//創建一個字節點替換游戲中的紅警節點
$("<li>景德鎮</li>").replaceAll($('#game li:first'));
$('#a1').replaceWith($("<li>景德鎮</li>"))

?

注意：由于replaceAll和replaceWith的返回值不同建議優先使用replaceWith()方法

var $bj= $('#a1').clone();
//紅警被北京替換掉
var $h=$('#h').replaceWith($bj);
//背靜替換紅警；

$('#a1').replaceWith($h);

（7）.val() html().text(),attr(),width(),height()都具有讀寫的方法;

//得到某個節點的html()內容

?alert($('#city').html())

設置某個節點的html()內容

?

val()方法我不知道的

可以設置單選下拉列表的值

$('單選框').val("選擇1");

設置多選下拉列表的值val()的參數必須是數組

$('#multiple').val(["選擇1"，"選擇2"]);

注意：設置單選按鈕val()的參數也一定要是數組

$(':radio').val(["單選1"]);

?

2.技術點之外

input text ?val()才能得到文本值而text()不能得到

?

（1）defaultValue這是一個dom屬性，可以讀取表單的默認值

?（2）val()radio設置也要使用數組

（3）jquery可以實現方法的連綴。因為他調用后返回的還是他本身

（4）find()查找子節點，返回的是子節點jquery對象

?

?

1.處理的問題就是getParameter()亂碼的問題
問題原因：text-workspace的編碼方式不同，網頁進行傳輸是iso-8859-1
解決方式.:設置統一的編碼方式
1.點擊項目郵件最下角有一個properties里設置utf-8
2.點擊window-prefenences-general-content Type-text設置同意的編碼格式
2.jquery的添加html文本時
不能進行直接
$('ul').append("<li>")
.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
.append("</li>");
他這樣添加的是這樣的代碼
<li><li>
<div></div>
<div></div>


所以應該這樣先定義<li></li>節點
var $li=$("<li></li>");
$li.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
然后獲取ul節點進行添加
$(".ul").append($li);

轉載于:https://www.cnblogs.com/fupengpeng/p/6692912.html

總結

以上是生活随笔為你收集整理的jquery 进行dom操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。