`

八、属性操作

 
阅读更多

$(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");


});

 

 

一个小例子

<script type="text/javascript">
    $(function() {
        $("#all").click(function(){
            if($(this).prop("checked")) {
                //选中
                $("input[type='checkbox']").prop("checked",true);
                $(this).next("span").html("全取消");
            } else {
                $("input[type='checkbox']").prop("checked",false);
                $(this).next("span").html("全选");
            }
        });
        $("#reverse").click(function(){
            var c = $("input[type='checkbox']:not(#all):checked");
            var nc = $("input[type='checkbox']:not(#all):not(:checked)");
            c.prop("checked",false);
            nc.prop("checked",true);
        });
    });
   
</script>

<body>
    <input type="checkbox"/><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/>
    <input type="checkbox"/><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/><input type="checkbox"/>
    <br/>
    <input type="checkbox" id="all"/><span>全选</span>
    <input type="button" id="reverse" value="反选"/>
</body>

分享到:
评论

相关推荐

    C++builder组件属性详解.doc

    八、 BorderIcons 属性 BorderIcons 属性用来指定窗体标题栏上的图标,可以设置为下列数值:biSystemMenu、biMinimize、biMaximize、biHelp 等。只有窗体的 BorderSytle 属性设置为 bsDialog 或者窗体属性 ...

    GDIplus 图像属性和方法集成

    `IGPImage` 提供了一系列通用的方法和属性来操作图像,例如克隆图像、获取图像尺寸等。 - **IGPBitmap**:继承自 `IGPImage`,主要用于处理位图图像。除了继承自基类的功能外,还提供了一些额外的方法来获取和设置...

    C#控件属性事件大全

    - **Undo 属性**:撤销最近的操作。 - **Redo 属性**:重做最近的操作。 - **SelectionFont 属性**:获取或设置选中文本的字体。 - **SelectionColor 属性**:获取或设置选中文本的颜色。 - **Find 属性**:...

    vb控件属性大全

    #### 二十八、平面滚动条控件(FlatScrollBar)的常用属性 - **Value**: 当前滚动条的位置。 - **Max**: 最大值。 - **Min**: 最小值。 - **PageSize**: 页面大小。 #### 二十九、图像组合框(ImageCombo)控件的...

    VB常用属性、方法、事件

    #### (八) 复选框常用属性 1. **Alignment**: 设置复选框中文字的对齐方式。 2. **Caption**: 设置复选框的标题文本。 3. **Style**: 设置复选框的显示样式。 4. **Value**: 设置复选框的状态(未选中、选中或灰选...

    android_XML_属性一览

    #### 八、android:fadingEdgeLength **相关方法:** `getVerticalFadingEdgeLength()` **描述:** 此属性定义了视图边缘逐渐消失的长度。这在列表视图或其他包含大量内容的视图中很常见,可以帮助平滑地过渡到下一个...

    江苏省南京市第十八中学八年级物理下册《6.5 物质的物理属性》学案(无答案)(新版)苏科版

    总之,《6.5 物质的物理属性》这门课程是八年级物理学习中的重要组成部分,通过系统的理论学习和实验操作,学生不仅可以掌握物质的基本物理属性,而且能够培养起科学的思维方式和探究能力。这为学生日后深入学习物理...

    linux文件基本属性

    #### 八、示例操作 - 更改`install.log`的所有者为`bin`账户: ``` chown bin install.log ``` - 查看结果: ``` -rw-r--r-- 1 bin users 68495 Jun 25 08:53 install.log ``` - 更改`install.log`的所有者和...

    文件夹隐藏属性无法修改解决方法.docx

    知识点八:文件夹的隐藏属性 文件夹的隐藏属性是文件夹的一种隐含属性,用于控制文件夹的可见性。文件夹的隐藏属性可以通过 attrib 命令或批处理方式来修改。 知识点九:系统文件属性 系统文件属性是文件或文件夹...

    oracle实现属性的自增

    知识点八: 自增属性的不连续现象 由于触发器是前触发型触发器,所以是在每次在表上执行 insert 操作之前执行该触发器的。因此,如果 insert 操作不成功,序列生成器中的值也会相应的递增,导致下一次成功的 insert...

    JS 对象,属性

    JavaScript(JS)对象是...总之,JS对象和属性是构建复杂应用的基础,深入理解和掌握它们的特性和操作方法对于编写高效、健壮的代码至关重要。在实际开发中,合理运用这些知识点可以优化代码结构,提高代码的可维护性。

    八数码操作系统 很好的讲课资料

    八数码操作系统可能是针对一个特定的教育环境或教学场景设计的操作系统,其特点是作为讲解和教学的优质资源。本文将探讨操作系统的一些核心概念,包括进程、内存管理、中断处理以及I/O操作。 1. **进程与程序的区别...

    JavaFX+Jfoenix 学习笔记(八)--事件、监听、属性绑定源码

    在“JavaFX+Jfoenix 学习笔记(八)--事件、监听、属性绑定源码”中,我们将深入探讨JavaFX中的事件处理、监听器和属性绑定。 1. **事件处理**: 在JavaFX中,事件是用户与应用程序交互时发生的动作,如点击按钮、...

    winform_DataGridView常见属性.docx

    #### 八、列宽和行高以及列头的高度和行头的宽度的自动调整 自动调整列宽和行高,以适应内容,可以使用`AutoSizeColumnsMode`和`AutoSizeRowsMode`属性: ```vb ' VB.NET示例代码 DataGridView1....

    SOUI属性列表查询

    八、Button(按钮控件) 按钮控件用于在用户进行某些操作时,进行响应。 - accel:加速键,用于设置按钮的快捷操作方式。 - animate:状态切换时是否显示动画,用于控制按钮状态变化时是否伴有动画效果。 九、...

    008第八讲 属性数据表的查询显示《ArcGIS Engine+C#实例开发教程》

    ### ArcGIS Engine+C# 实例开发教程之第八讲:属性数据表的查询显示 #### 一、概述 在本教程的第八讲中,主要讲解了如何利用C#结合ArcGIS Engine进行属性数据表的查询与显示。这是一项非常实用的功能,尤其是在...

    中国八横八纵高铁通道数据(矢量数据shp).zip

    1. "高铁线.cpg":这个文件可能是用于编码高铁线路文件的字符集设置,确保在不同操作系统和软件中正确显示文本信息。 2. "高铁站点shp.dbf":这是一个基于dBase格式的数据库文件,包含了高铁站点的各种属性信息,如...

    江苏省南京市长城八年级物理下册《6.5 物质的物理属性》教案 苏科版.doc

    《6.5 物质的物理属性》是八年级物理课程中的一个重要章节,主要探讨了物质的各种物理特性,包括密度、比热容、硬度、弹性、导电性、磁性等,并强调了这些属性在日常生活和工业生产中的应用。本节课的教学目标旨在让...

    qt.rar_Qt开发指南_qt 属性

    通过`Q_PROPERTY`定义的属性,可以使用点操作符`.`进行读写,就像操作普通成员变量一样: ```cpp MyClass obj; obj.myProperty() = 5; // 设置属性 int propValue = obj.myProperty(); // 获取属性 ``` 四、属性的...

    易语言EXCEL对象常用操作

    这些操作可以通过“设置属性”命令来实现,需要指定正确的属性名和值。 七、保存与关闭工作簿 完成一系列操作后,别忘了保存工作簿,使用“保存文件”命令即可。最后,当不再需要Excel对象时,记得使用“释放对象”...

Global site tag (gtag.js) - Google Analytics