jquery操作---从html中取值不同方式

这篇主要是感谢ZW哥，是他教的我这个

方式一：

普通的通过id属性进行获取

$('#userId').val();

<input type="text" style="background:#fdfdfd;" id="userId">

复选框操作的时候使用html拼接的时候会出现多个重复的id

当其中出现多个相同的id时就不可以用了（当然也有相应的解决办法）

$(this).prop("checked") == true
var $cbx = $(this)
var name =  $cbx.attr('data-uname');

<input type="text" style="background:#fdfdfd;" data-uname="ddd" id="userId">

这样就可以使用attr得到属性中的值。。。

但是当这一元素的父元素过多时，用parent取值就太过麻烦，这时第二种方式就显得更为简单（但不见得是最好的）。。。

方式二：

<tr><td><div class="checkbox"><label><input type="checkbox" value="' + v.id + '_' + v.userId + '_' + v.userName + '"></label></div></td>'

 var arr = $(this).val().split('_');
     var
     id = arr[0],
     userId = arr[1],
     userName = arr[2];

这样的赋值取值方式就会方便很多

而且只进行一次dom操作

相关的链接：

split操作

http://www.w3school.com.cn/jsref/jsref_split.asp

attr操作

http://www.w3school.com.cn/jquery/attributes_attr.asp

未完。。。