jq checked 设置问题
前两天写一页面 需做一单选按钮。设置如下
$(".design p").bind("click",function() { $(".design p").removeClass("checked"); $(this).addClass("checked").children("input").attr("checked",true);});
然后坑爹的来了,切换一两次是生效的。然后就没有然后了。后面发现用prop替换attr就正常了。
$(".design p").bind("click",function(){ $(".design p").removeClass("checked");$(this).addClass("checked").children("input").prop("checked",true);});
查了下资料,自己反复试了下,get一经验:
处理元素本身就带有的固有属性时使用prop方法。处理html元素我们自己自定义的DOM属性,在处理时,使用attr方法。
这个很好理解。如input上的 type,a上面的href,img上面的alt 等固有属性处理就直接用prop。处理class,data-*等自己新建的属性就用attr。
ok,下课。
转载于:https://www.cnblogs.com/xiaoye1990/p/5348626.html
jq checked 设置问题相关推荐
- html下拉菜单jq怎么设置,jquery+css实现下拉列表功能
废话不多说了,直接给大家贴代码了,具体代码如下所述: fruit .hide { display: none; } div { float: left; width: 100%; } .selecto ...
- jq fileupload 设置最大文件大小5m_如何在 Linux 服务器上设置 ulimit 和文件描述符数限制 | Linux 中国...
在生产环境中遇到打开文件数这类的挑战如今已是司空见惯的事情了.-- Shashidhar Soppin 简介:在生产环境中遇到打开文件数这类的挑战如今已是司空见惯的事情了.因为许多应用程序是基于 J ...
- jq fileupload 设置最大文件大小5m_我猜你并不会设置“分辨率”
分辨率对于图片的清晰度和文件大小都有着重要的影响,设计时选择合适的分辨率,既能保证图像质量,又能提高工作效率.然而你的分辨率真的设置对了吗? 使用PS等位图软件开始设计时,新建文件就需要设置好分辨率. ...
- jq jqprint 设置页脚_jQuery 插件 jqprint 实现浏览器页面打印和设置页眉页脚
使用 jqprint 插件实现浏览器页面打印,需要用到两个js文件,jquery.js 和 jqprint.js,本文使用 jquery-1.4.4.min.js,jquery.jqprint-0.3 ...
- JQ/JS设置val值后触发v-model的改变
今天在写layer的弹出层的时候,想把父页面的值传递到弹出层并显示,在success回调中已经取到了元素,并将其value设置了 $(layero.find('.ruleValue')[0]).val ...
- jq jqprint 设置页脚_jquery.jqprint-0.3.js打印功能 以及页眉页脚设置显示与否
项目中需要打印 搜索使用了jquery.jqprint-0.3.js 遇到一些样式问题,现在已经解决 ,记录下来供大家参考. 下面图显示为我页面中的样式:满足需要根据设备名称输入的多少自动适应打印页面 ...
- jq fileupload 设置最大文件大小5m_捷达将发布全新中大型SUV 或命名VS9/车长超5m
[太平洋汽车网 新车频道]近日,我们从相关渠道了解到,捷达将推出一款全新的中大型SUV车型,或命名为VS9.据悉,新车将与一汽-大众SMV同平台打造,也就是基于MQB-B,车身尺寸与途昂相仿,长度将超 ...
- jq jqprint 设置页脚_jquery web打印 取消 页眉和页脚
使用打印插件说明: /* * printThis v1.15.1 * @desc Printing plug-in for jQuery * @author Jason Day * */ print. ...
- jq jqprint 设置页脚_jquery打印插件jqprint.js使用教程
最近的项目要使用web前端打印,本来在网上搜索了一下采用的js:window.print()局部打印网页的方法,但是经过实际测试发现兼容性不好,无奈只好再找其他方法,终于被我找到了一款基于jquery ...
最新文章
- 玩嗨的2亿快手“老铁”和幕后的极致视觉算法
- executeQuery,executeUpdate,execute区别
- [HNOI2002]营业额统计
- 数据结构学习笔记——顺序表的基本操作(超详细最终版+++)建议反复看看ヾ(≧▽≦*)o
- 世界首个!AI农作物病害检测竞赛火热进行中 | AI Challenger 全球AI挑战赛
- 主动模式下FTP的详细工作过程
- 为什么JS中0.1+0.2 != 0.3
- Android 性能分析岗位,2021Android最新大厂面试真题总结,架构师必备技能
- java index.jsp为什么不默认跳转_Java开发人员怎么面试 常见Redis面试题有哪些
- 基于Wiremock创建Mock Service平台
- MySQL索引实现、MySQL索引原理、索引下推、索引覆盖、索引失效
- vs2010旗舰版密钥
- Word:退出即关机(转)
- 诺基亚培育低端机市场 迂回战术威胁中华酷联
- ASPack 2.12
- word添加引用及自动更新的方法
- 亮眼财报业绩背后,难掩富途控股估值陷阱
- linux分时间段循环执行脚本
- 石化行业安全生产调度解决方案
- thinkpad T400 X301 X230 T510 w500 W530 dell6400 dell1420 e6320 e6420 M6800 X201expresscard扩展nvme盘
热门文章
- for each java_Java 实例 - for 和 foreach循环使用
- c语言运行后没生成exe,这个程序怎么运行?为什么显示没有exe??
- 电脑知识:如何保养自己的电脑,看完你就懂了!
- 常见优化Sql查询性能的方法收集
- html 圆球的百分比,HTML5 很酷的球形器皿中水波状的进度条
- Maven 强制导入jar包
- ux和ui_设计社交餐厅策展应用程序— UX / UI案例研究
- 选择控件— UI组件系列
- 读完 Vue 发布源码,小姐姐回答了 leader 的提问,并优化了项目发布流程~
- 找出无序数组中最小的k个数(top k问题)