Jquery $,this.attr和$

以下是个人心得整理,有兴趣朋友可以参考参考

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

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

示例:

<input class="radio" name="orgType" 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" 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 >

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

  }

})