jquery操作---从html中取值不同方式
2016-12-19 15:46
351 查看
这篇主要是感谢ZW哥,是他教的我这个
方式一:
普通的通过id属性进行获取
$('#userId').val();
复选框操作的时候使用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取值就太过麻烦,这时第二种方式就显得更为简单(但不见得是最好的)。。。
方式二:
这样的赋值取值方式就会方便很多
而且只进行一次dom操作
相关的链接:
split操作
http://www.w3school.com.cn/jsref/jsref_split.asp
attr操作
http://www.w3school.com.cn/jquery/attributes_attr.asp
未完。。。
方式一:
普通的通过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
未完。。。
相关文章推荐
- Jquery中dom对象取值的3种方式:val()、html()、text()
- Jquery中dom对象取值的3种方式:val()、html()、text()
- 完美Ajax类,支持事件,支持容器,支持多种操作方式,兼容ie,firefox http://bbs.51js.com/thread-65023-1-1.html
- 姚博文 JQuery 操作select取值,选中
- JQuery对html控件操作总结
- jQuery阻止冒泡和HTML默认操作
- jQuery阻止冒泡和HTML默认操作
- JSP中使用AJAX示例:分别将结果提交为STRUTS,SERVLET,WEBWORK的不同操作方式
- Jquery操作对控件的取值、赋值
- Jquery表单取值赋值的一些基本操作
- php html dom to jQuery object 工程用到的一个 jQuery 操作
- JQuery对html控件操作总结
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- 史上最强jquery1.3.2轻松打造div模式层! asp.net和html和MagicAjax实现3种方式! 已更新!
- Jquery表单取值赋值的一些基本操作
- 项目经验之:利用Jquery+HTML静态模版实现数据的展示及无刷新增加,修改,删除,分页操作!!!
- html form get/post method方式有什么不同?有什么优缺点?
- Jquery 表单取值赋值的一些基本操作
- jquery下操作HTML控件的实现代码
- 1.IDA-基本操作(改变Image Base地址、打开、保存IDA的不同方式)