现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery中attr()和val()方法的区别和用法

发表于2017/6/13 网站制作教程 0条评论 ⁄ 热度 2,350℃

我们知道jquery中有attr()和val()两个方法,我们很多同学会搞混淆它们的作用和用法,搞不清楚它们的区别是什么。

本文借助示例详细讲解jquery中attr()和val()方法的区别和用法。

$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法

$(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法

eg:<div id="w_1" class="widget" diywidgetid="${template.diyWidgetId}"></div>

var diywidgetid = $('#w_1').attr('diywidgetid'); //获取节点属性的值

$(this).val();获取某个元素节点的value值,相当于$(this).attr(“value”);

$(this).val(value);设置某个元素节点的value值,相当于$(this).attr(“value”,value);

eg:<input id="i_eg" value="1" type="text"></input>

var i_eg=$('#i_eg').val(); // 获取元素节点的value 值

  • 暂无评论