html jQuery 给input赋值问题

$.attr('value', '123')这里的value是指元素节点上的属性值，即DOM节点上的属性值；

而$.val('123')是input的属性值，当其value值被赋值时则是通过setter方法定义的。

例如：<input id="s1" type="" name="" value="2">

这个value="2"和input的value值是两个概念。

value="2"是DOM结点上的属性值，如果想改变这个属性值，需要这样 *** 作$("#s1").attr("value","123")，这个属性值是可见的。

input上的值是它本身的value值，如果想获取则是$.val()，如果想赋值则用$.val('123')。

改变或者获取<input>、<textarea>、<select>、<option>、<button>的值都是用val()，改变或者获取DOM节点上的属性值，则用attr()

自己多试试就理解了。

包括获取给定位置的单元格和为其赋值两个方面，核心代码为

$("table tr").eq(m).find("td").eq(n).html(something)  // 将表格第m+1行第n+1列的内容设置为something

实例演示：将第2行第2列的单元格的内容设置为0

创建Html元素

<div class="box">

<span>实例演示设置单元格的内容：</span><br>

<div class="content">

    <table>

        <tr><td>1</td><td>2</td><td>3</td></tr>

        <tr><td>4</td><td>5</td><td>6</td></tr>

        <tr><td>7</td><td>8</td><td>9</td></tr>

    </table>

</div>

<input type="button" value="将第2行第2列设置为0">

</div>

设置css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

.red{color:red}

table{border-collapse:collapse}

td{width:30pxheight:30pxline-height:30pxtext-align:centerborder:1px solid green}

编写jquery代码

$(function(){ 

$("input:button").click(function() {

$("table tr").eq(1).find("td").eq(1).addClass('red').html('0')

})

})

观察效果

---