Fork me on GitHub

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");

 

posted @ 2017-08-30 23:46  小数点就是问题  阅读(148)  评论(0编辑  收藏  举报