HTML5新增自定义属性的特性,在HTML代码中,我们可以在标签上直接定义自定义属性,自定义属性命要以'data-'开头
<p data-hello="这是自定义属性的值">呵呵呵呵</p>我们可以使用原生JS获取到自定义属性的值
let p = document.querySelector('p')console.log(p.dataset.hello) //这是自定义属性的值
也可以通过jquery获取自定义属性的值
$('p').data('hello') //这是自定义属性的值当然,也可以通过传统的方法来获取自定义属性的值
let p = document.querySelector('p')p.getAttribute('data-hello')
p.setAttribute('data-hello','这是重新赋值')
//jquery
$('p').attr('data-hello') //获取
$('p').attr('data-hello','设置') //设置
当然可以,jquery是就是javascript的一个封装类;列如:jquery的$("#zone")对象和document.getElementById('zone')是一样的,其实是jquery类就是把前者转换成后者;
比如绑定事件:
$("#zone").click(function(){
window.alert('aaa')
})
和下面原生js一样:
document.getElementById('zone').onclick=function(){
window.alert('aaa')
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)