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();
　　}
})

 

转载于:https://www.cnblogs.com/hongzm/p/7374697.html