Jquery $(this).attr和$(this).val用法示例
Jquery $(this).attr和$(this).val用法示例
以下是个人心得整理,有兴趣朋友可以参考参考
$(this).attr(key); 获取节点属性名为key的值,相当于getAttribute(key)方法
$(this).attr(key,value); 设置节点属性名为key的值,相当于setAttribute(key,value)方法
示例:
<input class="radio" name="orgType" id="dept">
var dept = $("#dept").attr("id"); //获得属性名为id的值:dept
---------------------------------------------------------------
$(this).val(); 获取某个元素节点的value属性的值,相当于$(this).attr("value"),value即是节点的属性名
$(this).val(value); 设置某个元素节点的value属性的值,相当于$(this).attr("value", value),后面value是要设置的值
示例:
<input value="1" id="dept">
var value = $("#dept").val(); //获得元素节点value的值:1
var value = $("#dept").val("0"); //设置元素节点value的值:0
个人总结:
.attr()括号里面要指定取哪个属性的值,取值、赋值可以分别和getAttribute、setAttribute一同记忆;
而.val()已经指定是value属性,也就相当于在.attr()基础上进一步指定了value属性,取值赋值(value属性值)方式也就相对.attr()简单了
---------------radio控制div显示隐藏---------------------------------
<div>
<div>
<label class="base-form-txt" title="是否通过ISO9000标准质量体系认证">是否通过ISO9000标准质量体系认证</label>
<input type="checkbox" class="radioCheck" />
</div>
<div id="is9000" >
<label title="ISO9000标准质量体系认证号">ISO9000标准质量体系认证号</label>
<div>
<input id="is9000_no" type="text" value="">
</div>
</div>
</div>
知识点:
$("#id").prop("checked")或$("#id").is(":checked") 值为false/true;
$("#id").attr("checked",true) 默认打勾;
if(!$(".radioCheck").prop("checked")){
$("#is9000").hide();
}else{
$("#is9000").show();
}
如下radio打勾,就显示“ISO9000标准质量体系认证号”输入栏,否则就隐藏:
$(".radioCheck").bind("change",function(){
if($(".radioCheck").is(":checked")){ //选中
$("#is9000").show();
}else{
$("#is9000").hide();
}
})