189 8069 5689

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://cdxtjz.cn/article/gshiph.html

其他资讯