八、属性操作

最新推荐文章于 2024-07-17 09:44:02 发布

chongqingnantian

最新推荐文章于 2024-07-17 09:44:02 发布

阅读量74

点赞数

分类专栏： jquery1.8 文章标签： javascript json ViewUI

本文链接：https://blog.csdn.net/chongqingnantian/article/details/84414993

版权

jquery1.8 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

$(function() {
            $("tbody tr").each(function(n){
                //使用attr只加入一个参数可以获取属性值
                //alert($(this).attr("id"));

                //通过attr()设置两个参数，可以完成对某个节点的属性的设置
                // $(this).attr("title",$(this).children("td:eq(1)").html());

                //可以基于json的格式来设置属性,甚至可以设置一些非html的属性，通过这些属性来做一些特殊处理
                //但是设置特殊属性的这种方式在jquery1.4之后就基本不使用，因为在1.4之后提供data方法
                $(this).attr({
                    "title":$(this).children("td:eq(1)").html(),
                    "id":$(this).children("td:eq(0)").html(),
                    "personId":n
                });

                //可以移除属性
                // $("tr#2").removeAttr("personid");
            });

    //设置所有a中以http为链接开头的超链接在新窗口打开
    $("a[href^='http://']").attr("target","_blank");

     //为属性设置一个函数
    //设置tbody中的tr的title属性，让属性的值为第几个tr，函数中n为遍历中的索引
    $("tbody tr").attr("title",function(n){
        return "这是第"+(n+1)+"个tr";
    });

        //可以将一些值存储在标签中，这个值不会通过属性的方式显示给用户
        $("thead tr td:eq(0)").data("prop","id");//<td prop="id">用户标识</td>
        $("thead tr td:eq(1)").data("prop","username");
        $("thead tr td:eq(2)").data("prop","age");
        $("thead tr td:eq(3)").data("prop","password");

});

一个小例子

chongqingnantian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
八、属性操作

$(function() { $("tbody tr").each(function(n){ //使用attr只加入一个参数可以获取属性值 //alert($(this).attr("id")); //通过attr()设置两个参数，可以完成对某个节点的...
复制链接

扫一扫