jquery事件命名空间和css-attr()

在CSS中用attr()显示HTML属性值

一般使用attr都是在伪类里使用的，如before和after。

这是一个和动态改变伪类的内容值的方法。

直接获取标签里的html属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .abc:before{
        content: attr(title)" 哈哈";
    }
    </style>
</head>
<body>
    <div title="abc" class="abc">sasas</div>
    <input type="text" class="ccc">
    <script>
        var oAbc=document.querySelector(".abc");
        var oC=document.querySelector(".ccc");
        var i=0;
        oC.onblur=function(){
            oAbc.title=this.value;
        }
    </script>
</body>
</html>

jquery的事件命名空间，就是on("click.aaa")，.aaa为click的命名空间，就可精确找到这个事件。

function fn(){console.log(1)};
        $(".bbb").on("click.aaa",fn);
        $(".bbb").on("mousedown.aaa",fn);
        $(".bbb").on("mouseup.aaa",fn);
        $(".bbb").off(".aaa");