jQuery中attr方法和removeAttr方法使用

attr方法：获取和设置属性节点,attr方法可以设置两个参数或一个参数

获取：设置一个参数是获取属性节点，注意点，无论找到多少元素，都只会获取到第一个元素

设置：设置两个参数是设置属性节点，找到多少元素就设置多少元素，没有找到元素，就会给元素添加属性节点并且设置值

romove方法：删除找到元素的节点，找到多少元素有，就删除元素的属性节点

代码如下所示

<html>

<head>
<title></title>
</head>
    <style>
        
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
            $('span').attr('class')        //获取属性节点值，但只会取第一个
            console.log($('span').attr('class'))
            $('span').attr('class','wjw')  //设置属性节点的值，获取到的元素都会设置
            $('span').attr('age','18')     //设置属性节点的值，没有找到该属性节点就添加
            $('span').removeAttr('name')  //删除属性节点的值
        })
        
    </script>
    
<body>
    <span class="demo" name="study"></span>
    <span class="demo" name="walk"></span>
</body>
</html>

浏览器控制台效果图

 

 

posted @ 2018-10-31 20:01  大C文  阅读(2787)  评论(0)    收藏  举报