jQuery的属性

使用attr()方法读取或设置元素的属性,对于jQuery没有封装的属性(所有浏览器没有差异的属性)用attr进行操作

使用removeAttr删除属性。删除的属性在源代码中看不到,这是和清空属性的区别。attr('name','')

示例:操作属性

    
    
jQuery测试    
        .cls{            background-color: fuchsia;        }        
    
        $(function () {            $('#btnAdd').click(function(){                $('#dv').attr('class','cls');            });            $('#btnClear').click(function(){                $('#dv').attr('class','');//属性还有,值没了            });            $('#btnRemove').click(function(){                $('#dv').removeAttr('class');//属性没有了。有属性就要占用内存。            });        });        
    
    
    

效果图

示例:全选不选反选

    
    
jQuery测试    
        .cls{            background-color: fuchsia;        }        
    
        $(function () {            $('#btnAll').click(function(){                $(':checkbox').prop("checked",true);            });            $('#btnNone').click(function(){                $(':checkbox').prop("checked",false);            });            $('#btnReverse').click(function(){                $(':checkbox').each(function (k,v) {                    $(v).prop("checked",!$(v).is(":checked"));                });            });        });        
    
    
    
游泳    
篮球    
足球

效果图

参考:

http://lsieun.blog.51cto.com/9210464/1836298

http://lsieun.blog.51cto.com/9210464/1790722

RadioButton操作

取得RadioButton的选中值,被选中的radio只有一个值,所以直接用val()

显示单选按钮中哪些内容被选中了,注意多个单选按钮不在同一组中

设置RadioButton的选中值

.attr('checked',true);

$('input[name=gender]').val(["女"]); 或 $(':radio[name=gender]').val(["女"]);

注意:val中参数的[]不能省略,val()的参数必须是一个数组