广州北大青鸟HTML课程有学Js吗?_广州HTML培训
作者:广州电脑培训甘发布时间:2020-10-19分类:广州电脑学校浏览:940
在JQuery中,对CheckBox的操作分两个阶段,一个是JQuery3.4.0之前的版本,一个是3.4.0之后的版本
在3.4.0之前,我们这么做:
<input type='checkbox' id='checkbox'/>
<script>
var isChecked = $('#checkbox').attr('checked');
$('#checkbox').attr('checked',true);
</script>
但是细心的同学会发现,在jQuery3.4.0之后,如果还像上面这么做,那肯定会出问题: $('#checkbox').attr('checked');获取到的值并不是true和false,而是checked或者undefined。
那在3.4.1之后如何进行操作呢?
jQuery在之后的版本中对属性和特性进行了比较细致的区分,什么是特性呢? 特性就是像 checked,selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和defaultSelected等等这些。
那prop()和attr()到底有什么区别呢?
1.于build-in属性,attribute和property共享数据,attribute更改了会对property造成影响,反之亦然,但是两者的自定义属性是独立的数据,即使name一样,也互不影响,但是IE6、7没有作区分,依然共享自定义属性数据
2.并不是所有的attribute与对应的property名字都一致,比如刚才使用的attribute 的class属性,使用property操作的时候应该是这样className
t.className='active2';
对于值是true/false的property,类似于input的checked attribute等,attribute取得值是HTML文档字面量值,property是取得计算结果,property改变并不影响attribute字面量,但attribute改变会一向property计算。
var t=document.getElementById('test3');
console.log(t.getAttribute('checked'));//null
console.log(t.checked);//false;
t.setAttribute('checked','checked');
console.log(t.getAttribute('checked'));//checked
console.log(t.checked);//true
t.checked=false;
console.log(t.getAttribute('checked'));//checked
console.log(t.checked);//false
4、对于一些和路径相关的属性,两者取得值也不尽相同,但是同样attribute取得是字面量,property取得是计算后的完整路径
<a id="test4" href="#">Click</a>
var t=document.getElementById('test4');
console.log(t.getAttribute('href'));//#
console.log(t.href);//file:///C:/Users/bsun/Desktop/ss/anonymous.html#
- 广州电脑学校排行
- 最近发表
-
- 梅州信息:关于开展2024年“人人参与全民参保”“12333全国统一咨询日”活动公告|||广州学电脑培训学校
- 梅州信息:梅州市人社局开展2024年第一季度诚信文化主题宣传志愿服务活动|||广州计算机编程培训
- 东莞信息:关于清明节期间劳动能力鉴定现场鉴定服务时间安排的通告|||计算机职业技能培训班
- 韶关信息:我市举办2024年高校毕业生春季专场招聘会吸引求职者入场4300余人|||广州市北大青鸟计算机职业培训学校
- 湛江信息:察民情聚民智!湛江市“社会治理面对面”活动第三期人社专场举办|||计算机培训学校招生
- 惠州信息:“惠州市就业驿站巡礼”之大亚湾德惠社区站|||计算机专业维修学校
- 东莞信息:(石龙)石龙人社分局举办学雷锋社保志愿服务日活动|||电脑计算机编程培训学校
- 东莞信息:(沙田)春风送岗学雷锋巾帼助力促就业|||广州计算机编程培训
- 东莞信息:(石龙)阳江市人社局一行到石龙镇交流共探治理经验|||计算机培训机构
- 东莞信息:沙田社保志愿服务支队开展学雷锋社保志愿服务日活动|||广州市北大青鸟计算机职业培训学校
- 标签列表
-