prop来获取或设置固有属性  removeProp()  删除固有属性

attr来获取或设置自定义属性     removeAttr() 删除自定义属性

案例：全选与全不选

<body>
<table border="1" cellpadding="5" cellspacing="0">
<thead>
<tr>
<th><input type="checkbox" id="theadCheckbox"/>id</th>
<th>姓名</th>
<th>性别</th>
<th>电话</th>
<th>年龄</th>
</tr>
</thead>
<tbody id="tbodyCheckbox">
<tr>
<td><input type="checkbox" id="" value="" name="boxs"/>1</td>
<td>张三</td>
<td>男</td>
<td>18210528452</td>
<td>20</td>
</tr>
<tr>
<td><input type="checkbox" id=" " value=" " name="boxs"/>2</td>
<td>张三</td>
<td>男</td>
<td>18210528452</td>
<td>20</td>
</tr>
<tr>
<td><input type="checkbox" id="" value="" name="boxs"/>3</td>
<td>张三</td>
<td>男</td>
<td>18210528452</td>
<td>20</td>
</tr>
<tr>
<td><input type="checkbox" id=" " value=" " name="boxs"/>4</td>
<td>张三</td>
<td>男</td>
<td>18210528452</td>
<td>20</td>
</tr>
<tr>
<td><input type="checkbox" id="" value="" name="boxs"/>5</td>
<td>张三</td>
<td>男</td>
<td>18210528452</td>
<td>20</td>
</tr>
</tbody>
</table>

</body>

<script>

$("#theadCheckbox").click(function(){

var flag=$(this).is(":checked");

if(flag){

$("#tbodyCheckbox").find(":checkbox").prop("checked",true)

}else{

$("#tbodyCheckbox").find(":checkbox").removeAttr("checked")

}

})

$("#tbodyCheckbox").find(":checkbox").click(function(){

var checkedLength=$("#tbodyCheckbox").find(":checked").length;

var checkboxLength=$("#tbodyCheckbox").find(":checkbox").length;

if(checkboxLength==checkedLength){

$("#theadCheckbox").prop("checked",true)

}else{

$("#theadCheckbox").removeAttr("checked")

</script>

prop和attr的比较的更多相关文章

  1. jQuery学习之prop和attr的区别示例介绍

    1..prop( propertyName ) 获取匹配集合中第一个元素的Property的值 2. .prop( propertyName, value ) .prop( map ) .prop( ...

  2. jquery中的prop和attr比较区别

    近期和一同事争执prop和attr的区别,也查了很多,同事说它只是特性和固有属性的区别,但是我也查到了一些其他的,故此,来总结一下吧! 1.固有属性和特别属性 对于HTML元素本身就带有的固有属性,在 ...

  3. jquery的prop()和attr()

    jQuery1.6以后prop()和attr()的应用场景如下: 第一原则:只添加属性名称该属性就会立即生效应该使用prop(); 第二原则:只存在true/false的属性应该使用prop(); 设 ...

  4. 浅谈.prop() 和 attr() 的区别

    今天编码时遇到一个问题,通过后台查询的数据设置前端checkbox的选中状态,设置选中状态为.attr('checked','true');没有问题,但是当数据重新加载时,checkbox应清空即所有 ...

  5. JQUERY prop与attr差额

    1.  1-9-1之前和之后之间的差 <html> <script src="Js/jquery-1.9.0.js" type="text/javasc ...

  6. 【Jquery】prop与attr的差别

    近期因项目须要用到复选框,当中一个控制全选. // 全选 $(".ckb_all").click(function(){ if($(this).attr("checked ...

  7. 【Jquery系列】prop和attr区别

    问题描述 由于prop(property的缩写)和attr(attribute的缩写)翻译成汉语,均有“特性.属性”等意思的原因,导致大家容易混淆分不清,本篇文章将试图从英文含义,中文含义和Jquer ...

  8. prop与attr的区别

    与prop一样attr也可以用来获取与设置元素的属性. 区别在于,对于自定义属性和选中属性的处理. 选中属性指的是 checked,selected 这2种属性 1. 对于自定义属性 attr能够获取 ...

  9. jQuery 选择器 prop() 和attr()

    Day30 jQuery 1.1.1.1 什么是jQuery? n jQuery是javaScript的前端框架.对常见的对象和常用的方法进行封装,使用更方便. 它兼容CSS3,还兼容各种浏览器.文档 ...

  10. jquery1.6中的.prop()和.attr()异同

    jquery jQueryHTML5JavaScript浏览器ITeye  最近在iteye的新闻中看到jQuery已经更新到了1.6.1.和之前版本的最大变化是增加了.prop方法.但是.prop( ...

随机推荐

  1. 语义分割的简单指南 A Simple Guide to Semantic Segmentation

    语义分割是将标签分配给图像中的每个像素的过程.这与分类形成鲜明对比,其中单个标签被分配给整个图片.语义分段将同一类的多个对象视为单个实体.另一方面,实例分段将同一类的多个对象视为不同的单个对象(或实例 ...

  2. Kotlin入门(5)字符串及其格式化

    上一篇文章介绍了数组的声明和操作,包括字符串数组的用法.注意到Kotlin的字符串类也叫String,那么String在Java和Kotlin中的用法有哪些差异呢?这便是本文所要阐述的内容了. 首先要 ...

  3. SpringCloud+Feign环境下文件上传与form-data同时存在的解决办法

    最近项目转型使用SpringCloud框架下的微服务架构,各微服务之间使用Feign进行调用.期间,发现若被调用方法涉及到文件上传且仅存在单个文件时,一切正常,代码片段如下: @RequestMapp ...

  4. Tensorflow实现稀疏自动编码（SAE）

    1.概述 人在获取图像时,并不是像计算机逐个像素去读,一般是扫一眼物体,大致能得到需要的信息,如形状,颜色,特征.怎么让机器也有这项能力呢,稀疏编码来了. 定义: 稀疏自编码器(Sparse Auto ...

  5. 【第三篇】SAP ABAP7.5x新语法之程序结构&SubScreen

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文地址:SAP ABAP7.5x系列之程序结构& ...

  6. JavaScript高级特性-实现继承的七种方式

    声明和约定: 在C++和Java中,我们可以通过关键字class来声明一个类,在JavaScript中没有这个关键字,但我们知道可以通过new一个function创建对象,这个function类似C+ ...

  7. Docker学习—Docker简介

    什么是Docker Docker 是一个开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.它基于 Google 公司推出的 Go 语言实现. 项目后来加入了 Linu ...

  8. LNMP环境搭建详细教程

    之前有一篇博客写的是LAMP的环境搭建,今天来详细介绍一下另外一个模式——LNMP=Linux+Nginx+MySQL+PHP. 一.在Linux系统下nginx的安装过程,先到http://ngin ...

  9. MVC设计模式在网站中的应用

    MVC设计模式在网站中的应用 以淘宝的购物车为例 一.结合六个基本质量属性 可修改性 采用MVC设计模式的时候,可以将视图.模型.控制器分析,将用户动作.数据表示.应用数据分离开来,如果用户需要以不同 ...

  10. Android开发学习笔记（二）——编译和运行原理（1）

    http://www.cnblogs.com/Pickuper/archive/2011/06/14/2078969.html 接着上一篇的内容,继续从全局了解Android.在清楚了Android的 ...