jQuery中怎么设置特殊属性-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

其他资讯