Note

读一读

$(function(){
    $("pre").each(function(){
        //获取到自己的内容和类名
        var content = $(this).html();
        $(this).html("");//清空自己的内容
        var cla = $(this).attr("class");
        var newcla = "";
        if(cla != null){
            newcla = cla.replace("brush:","language-");
        }
        var newNode = "<code class='"+ newcla + "'>" + content + "</code>";
        $(this).append(newNode);
    });
});

这是一个实例，在每个pre节点新建一个子节点，根据父节点的类名构造出子节点的类名，并将父节点的类容剪切到新加子节点中

主要是为了适应一些css，不好改样式的，只好改结构了

2017-12-13 15:55:54

ajax

QQ图片20170922175640.png

2017-09-22 18:00:08

动画

QQ图片20170922174544.png

QQ图片20170922174647.png

QQ图片20170922174757.png

QQ图片20170922174946.png

2017-09-22 17:53:14

事件的命名空间

QQ图片20170922173959.png

2017-09-22 17:43:51

事件

Jquery1.7开始，绑定方法 $('选择到对象').on('事件名称',方法);

可以为同一元素，同一事件绑定多个处理函数，按照顺序执行

one()方法绑定一次就解绑

解绑方法 $('对象').off('事件名称',方法);

QQ图片20170922173103.png

QQ图片20170922173137.png

QQ图片20170922173513.png

QQ图片20170922174200.png

2017-09-22 17:41:49

复制

$(.hello).before($(.world).clone());

将world复制一份放到hello前面

2017-09-20 17:22:13

替换

目标object.replaceWith(内容)
$(内容).replaceAll(目标)

2017-09-20 17:17:59

删除

$(对象).remove(); //移除自己和子元素
$(对象).empty();  //移除所有子元素

2017-09-20 17:12:56

元素操作

append() 插入到后面

prepend() 插入到前面

加个To就是前面为插入元素，后面为被插

2017-09-14 17:15:50

css操作

$(div).css("属性"，"值")；

同样的可以传入{}设置多个；

$(div).css('font-size',function(index,oldValue){

hehe

return...

}))

2017-09-14 17:15:29