jQuery中怎么设置特殊属性

本篇文章给大家分享的是有关jQuery中怎么设置特殊属性，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联基于分布式IDC数据中心构建的平台为众多户提供西部信息机房四川大带宽租用成都机柜租用成都服务器租用。

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中怎么设置特殊属性

示例：全选不选反选




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


    
    
    
    游泳
    篮球
    足球

效果图

jQuery中怎么设置特殊属性

RadioButton操作

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

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

设置RadioButton的选中值

.attr('checked',true);

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

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

以上就是jQuery中怎么设置特殊属性，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。

当前标题：jQuery中怎么设置特殊属性
文章转载：http://ybzwz.com/article/gshiph.html

jQuery中怎么设置特殊属性

其他资讯