jQuery常用dom操作

標籤：使用   strong   width   io   cti   re   

操作屬性節點(type屬性不支援修改和刪除)

1. attr(‘name‘)——取值（如果jq對象是多個，則只取得第一個值，例如：$(‘.class‘).attr(‘name‘)——只獲得第一個class的name屬性值）
2. attr(‘name‘,‘value‘)——賦值
3. 如果參數是json對象，那麼則會同時修改多個屬性值，例如：var kv = {name:‘username‘,value:‘tom‘}; $(‘#username‘).attr(kv);
4. 還可以通過函數的傳回值來修改屬性值，例如：$(‘#username‘).attr(‘name‘,function(){return ‘tom‘})
5. 刪除屬性：$(‘input‘).removeAttr(‘id‘);

 

操作class——可以使用attr()（方法1）替代

1. $(‘div‘).attr(‘class‘,‘class‘);
2. addClass()  為節點設定class屬性
3. removeClass()  刪除節點的class屬性值
4. toggleClass()  操作class屬性有開關效果(有就刪除，沒有就添加)

val()方法——可以擷取或取得節點的value屬性，可以使用attr()方法替代。

 

html()方法：替換innerHTML（非w3c標準）的使用，html()符合w3c標準

1. $("#id").html()——擷取#id下面所有的子節點的html內容
2. $("#id").html(‘<p>你好！世界</p>‘)——替換#id下面所有的子節點的html內容

text()方法：用法與html()類似，不同的是用html()賦值時，在瀏覽器會把html標籤正常解析，而text()則會把html標籤轉化成字元實體，在網頁上可見，取值的時候，text()只取常值內容，忽略html標籤。

 

css()方法——設定節點樣式（用法於attr()方法類似，操作樣式屬性）

快捷設定寬和高$(‘#id‘).height(100)——$(‘#id‘).width(100)（可用css方法替代，$(‘#id‘).css(‘height‘,‘100px‘)）