jquery属性

打印123注意：此时该值在DOM结构中是不可见的2.oDiv.setAttribute('bb','456');console.log(oDiv.bb);现在在DOM中可以看到值了，但是如果要打印出bb的值，需要oDiv.setAttribute('bb','456');console.log(oDiv.getAttribute('bb'));如果是自定义属性建议使用第一种方法，如果属性的值是自包含的，比如id类，建议使用第二种方法。在jquery中写1..attr()和.prop()获取值。$('#div1').attr('aa','123');console.log($('#div1').attr('aa'));$div1.prop('bb','456');console.log($div1.prop('bb'));注意：.attr和.prop的区别prop()函数的结果：1.如果有对应的属性，则返回指定的属性值。2.如果没有对应的属性，则返回值为空字符串。attr()函数的结果：1.如果有对应的属性，则返回指定属性的值。2.如果没有对应的属性，则返回值为undefined。对于我们自己自定义的HTML元素的DOM属性，在处理的时候使用attr方法。对于HTML元素本身的固有属性，处理时使用prop方法。具有true和false属性的属性，如选中、选中或禁用，使用prop()。例如

你最喜欢的运动是什么？

足球篮球排球羽毛球
全选不全选反转提交var$hobbys=$('input[name="hobby"]');//全选$('#all').on('click',function(){$hobbys.prop('checked',true);});//不全$('#notall').on('click',function(){$hobbys.prop('checked',false);});1、有个问题：点击按钮时，网页返回Submitityourself。解决方法：窗体中的button按钮要加一个type="button"不要全选这样2.反选//反选时需要知道哪个被选中，哪个没有被选中遍历一次$('#reverse').on('click',function(){for(vari=0;i<$hobbys.length;i++){varelem=$('input[name="hobby"]:eq('+i+'):checked');//表示勾选框console.log(elem);}});//打印输出选择第二项点击逆向遍历输出4个数组发现数组的长度可以区分某个框是否被选中。我不会写插页式的forEach用法vararr=['a','b','c'];arr.forEach(function(elem,index,arr){console.log(elem,arr);});它比for循环简单一点。回到刚才的jquery，有个循环方法each()barteach(index,elem,arr)//反选$('#reverse').on('click',function(){$hobbys.每个（函数（索引，elem，arr）{console.log（elem）;}）;}）;现在输出是本地对象console.log($(elem).prop('checked'));现在可以通过判断true/false判断是否被选中//反选$hobbys.each(function(index,elem,arr){if($(elem).prop('checked')){$(elem).prop('checked',false);}else{$(elem).prop('checked',true);}});也可以使用native方法写//反向选择$hobbys.each(function(index,elem,arr){this.checked=!this.checked;}this指当前对象有true和false两个属性三次，例如使用prop()选中、选择或禁用完整代码

你最喜欢的运动是什么？

足球篮球排球羽毛球
全选不全选反选提交