• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 jQuery如何获取和设置元素属性?代码怎么写?

发布时间:2022-01-05 14:02:28 浏览 2757 来源:博学谷 作者:小谷

    jQuery如何获取和设置元素属性?代码怎么写?通过val方法来获取value属性和设置value属性,使用prop方法设置标签的其它属性也可以。

    获取和设置元素属性学习目标:掌握获取和设置元素属性的操作

    1. prop方法如何使用?

    之前使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。

    示例代码:

    <style>
        .a01{
            color:red;
        }
    </style>
    
    <script>
        $(function(){
            var $a = $("#link01");
            var $input = $('#input01')
    
            // 获取元素属性
            var sId = $a.prop("id");
            alert(sId);
    
            // 设置元素属性
            $a.prop({"href":"http://www.baidu.com","title":'这是去到百度的链接',"class":"a01"});
    
            //  获取value属性
            // var sValue = $input.prop("value");
            // alert(sValue);
    
            // 获取value属性使用val()方法的简写方式
            var sValue = $input.val();
            alert(sValue);
            // 设置value值
            $input.val("222222");
        })
    </script>
    
    <a id="link01">这是一个链接</a>
    <input type="text" id="input01" value="111111">

    说明: 获取value属性和设置value属性还可以通过val方法来完成。

    获取和设置元素属性小结:获取和设置元素属性的操作可以通过prop方法来完成;获取和设置元素的value属性可以通过val方法来完成,更加简单和方便。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: Jquery如何获取和设置元素内容?代码怎么写? 下一篇: 常用的jQuery事件有几种?分别是什么?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码