首页 > 其他 > 详细

juqery对象和dom对象 设置标签属性

时间:2021-08-23 19:36:37      阅读:23      评论:0      收藏:0      [点我收藏+]

juqery对象和dom对象 对标签属性的操作

代码



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>
   <ul>
       <li title="title1" value="1">aaaaa<span>1</span></li>
       <li title="title2" value="2">bbbbb<span>2</span></li>
       <li title="title3" value="3">ccccc<span>3</span></li>
       <li title="title4" value="4">ddddd<span>4</span></li>
   </ul> 
</body>
<script>
$(‘li‘).click(function(e) {
    console.log("dom对象",e.currentTarget);
    console.log("jquery对象",$(e.currentTarget));
    console.log("$(e.currentTarget).children(‘span‘).text()",$(e.currentTarget).children("span").text());
    console.log("jquery对象获取属性值",$(e.currentTarget).attr(‘title‘));
    console.log("dom对象获取属性值",e.currentTarget.title);
})
</script>
</html>

控制台效果

技术分享图片

juqery对象和dom对象 设置标签属性

原文:https://www.cnblogs.com/panghu123/p/15176739.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!