JS和JQuery对象操作

JS操作对象属性

通过JS代码，依次获取input控件，设置该控件的value属性值，并获取该属性值

<input type='text' id='txt' name='txt' value='' />

<div id='idiv' name='idiv'>mydiv</div>

1.获取对象

var obj_txt = document.getElementById("txt");

var obj_div = document.getElementById("idiv");

2.设置对象的属性值

obj_txt.setAttribute('value','colin');

obj_txt.value = 'colin';  //如果仅设置控件value值，可通过values属性
obj_div.innerHTML = 'your_div';  //设置控件innerHTML值，可通过innerHTML属性

3.获取对象的属性值

obj_txt.getAttribute('value');

obj_txt.value;  //如果仅获取控件value值，可通过value属性
obj_div.innerHTML;  //获取控件innerHTML值，可通过innerHTML属性

JQuery操作对象属性

通过JS代码，依次获取input控件，设置该控件的value属性值，并获取该属性值

<input type='text' id='txt' name='txt' value='' />

<div id='idiv' name='idiv'>mydiv</div>

1.获取对象

var obj_txt = $('#txt');

var obj_div = $('#idiv');

2.设置对象的属性值

obj_txt.attr('value','colin');

obj_txt.val('colin');  //如果仅设置控件value值，可通过val(value)函数
obj_div.html('your_div');  //设置控件innerHTML值，可通过html(value)函数

3.获取对象的属性值

obj_txt.attr('value');

obj_txt.val();  //如果仅获取控件value值，可通过val()函数
obj_div.html();  //获取控件innerHTML值，可通过html()函数

$("#test").removeAttr("test") // 删除

来源：CSDN

作者：ipoweru

链接：https://blog.csdn.net/mypowerhere/article/details/75137245

标签

js代码

jquery