jQuery attr removeAttr 属性操作

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";

%>

<!DOCTYPE html>

<html>

<head>

<base href="<%=basePath%>">

<meta charset="UTF-8">

<title>b index</title>

<link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>

</head>

<body style="margin:150px;">

    <div id="div001">div001</div>

    <div id="div002">div002</div>

    <div id="div003">div003</div>

    <div>

        <button id="btn001">click me to use attr set string attr</button>

        <button id="btn002">click me to use attr get attr</button>

        <button id="btn003">click me to use attr set obj attr</button>

        <button id="btn004">click me to use removeAttr string</button>

        <button id="btn005">click me to use removeAttr obj</button>

        <button id="btn006">click me to use attr set fn attr</button>

    </div>

    <script type="text/javascript" src="js/jquery-1.11.1.js"></script>

    <script type="text/javascript" src="b/js/bootstrap.js"></script>

    <script type="text/javascript" src="js/index031.js"></script>

</body>

</html>

$(function() {

    $('#btn001').click(btn001Click);

    $('#btn002').click(btn002Click);

    $('#btn003').click(btn003Click);

    $('#btn004').click(btn004Click);

    $('#btn005').click(btn005Click);

    $('#btn006').click(btn006Click);

});

function btn001Click() {

    $('#div001').attr('a', 'a');

}

function btn002Click() {

    // 如果没有设置a属性，会得到undefined；

    var string = $('#div001').attr('a');

    console.log(string);

}

function btn003Click() {

    var obj = {

        'a' : 'a',

        'b' : 'b'

    };

    $('#div001').attr(obj);

}

function btn004Click() {

    // 必须有输入参数，否则没有效果；

    $('#div001').removeAttr();

    // 输入'a','b'只会删除'a'的属性；输入['a','b']会报错；

    $('#div001').removeAttr('a', 'b');

}

function btn005Click() {

    var obj = {

        'a' : 'a',

        'b' : 'b'

    };

    // 输入一个对象会报错的；

    try {

        $('#div001').removeAttr(obj);

    } catch (e) {

        console.log(e);

    }

}

function btn006Click() {

    $('#div002').attr('title', function() {

        // return this.id;

        // 这样也是可以的；返回一个字符串就可以了；

        return 'asdf';

    });

}

var ids=$('div').attr('id');
得到的是第一个元素的id，还不是所有元素的id；

prop也是获得第一个元素的id；

秒客网

jQuery attr removeAttr 属性操作

相关文章