prop() 方法设置或返回被选元素的属性和值

prop(参数1，参数2)：

参数1用于设置属性
参数2设置属性值
下面一个简单的案例来应用一下这个方法：

head部分

<script src="lib/jquery/jquery-3.4.1.min.js"></script><link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"><style>.wrap {width: 500px;height: 300px;margin: 50px auto;}th {text-align: center;}</style>

body部分

<div class="wrap"><table class="table table-striped table-bordered table-hover text-center"><thead><tr class="success"><th><input type="checkbox" id="min_check"></th><th>语文</th><th>数学</th><th>英语</th></tr></thead><tbody id="t_body"><tr><td><input type="checkbox"></td><td>55</td><td>66</td><td>61</td></tr><tr><td><input type="checkbox"></td><td>68</td><td>23</td><td>58</td></tr><tr><td><input type="checkbox"></td><td>35</td><td>35</td><td>88</td></tr><tr><td><input type="checkbox"></td><td>36</td><td>58</td><td>21</td></tr></tbody></table></div><script>$(function(){// 需求1：当点击全选按钮的时候，下面的四个按钮也被选中$("#min_check").click(function(){$("#t_body input:checkbox").prop("checked",$(this).prop("checked"));});//需求2：当下面按钮有一个没被选中，上面的全选按钮也取消选中状态$("#t_body input:checkbox").click(function(){if($("#t_body input:checkbox").length === $("#t_body input:checked").length){$("#min_check").prop("checked",true);}else {$("#min_check").prop("checked",false);}});});</script>

prop()方法的应用相关推荐

jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
jQuery的attr()和prop()方法
prop()方法操作固有属性 attr()方法操作自定义属性 removeProp()方法移除由 prop()方法设置的属性 removeAttr()方法从指定元素中移除属性区别对于HTM ...
jquery attr()和prop()方法的区别
$('').attr()返回的是html对象 $('').prop()返回的是DOM对象 attr(): attr() 方法设置或返回被选元素的属性和值. 当该方法用于返回属性值,则返回第一个匹配元素 ...
[jQuery] jQuery的attr和prop方法有什么区别？
[jQuery] jQuery的attr和prop方法有什么区别? 一.property 固有属性. 打开控制台审查元素切换Tab至 Properties下查看固有属性二.自定义属性(固有属性列表 ...
jQuery中attr()和prop()方法的介绍
1.jQuery中用attr()方法来获取和设置元素属性.attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. attr(属性名) ...
Jquery中1.6.x中新的方法prop()方法
在以前给html控件添加属性可以使用attr()来添加,但是在1.6.x以后attr方法对readonly不再起作用, 而新方法prop()正好替代该方法,prop()可以设置以true和false为 ...
JavaScript 中 obj.hasOwnProperty(prop) 方法
语法 obj.hasOwnProperty(prop) 参数 prop 要检测的属性的 String 字符串形式表示的名称,或者 Symbol. 返回值用来判断某个对象是否含有指定的属性的布尔值 B ...
jQuery 中 attr() 和 prop() 方法的区别
为什么80%的码农都做不了架构师?>>> 具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他 ...
jquery中prop()方法和attr()方法的区别浅析
引用:http://www.jb51.net/article/41170.htm 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该 ...

prop()方法的应用

prop() 方法设置或返回被选元素的属性和值

prop()方法的应用相关推荐

最新文章

热门文章