(17.04.25)jq操作属性、dom -----！！！？？？？

复习

jq：
    $(function(){
        ///
    })

    选择器：

        $('#box1')
        $('.box')
        $('div')

        $('#box1 .box div')

    特殊：
        div：has（p）
        div:contains(内容)

    属性选择：
        input[type=button]:

    伪类：
        $('li:first')

------------------------------------------------
修改css样式

    设置一个样式：
        $('div').css('color','red');
    设置一组样式：
        $('div').css({width:'100px',height:'100px'});
    设置class：
        $('div').addClass('active');

    删除class:
        removeClass


    运动版本:

        $('div').stop().animate({width:'100px',height:'100px'},1000,function(){
            执行完第一个函数，再执行此函数
        })
--------------------------------------------------- 

标签内容：
    
    普通：html();
    表单：val();

jq里面操作属性的方法：
    设置属性：
        设置一个:
        $(this).attr('src','img/pic2.jpg');
        设置一组:
        $(this).attr({src:'img/pic2.jpg',title:'不好看的图',id:'aaa'});
    获取属性：
        alert($(this).attr('title'));
    删除属性：
        $(this).removeAttr('src');

---

dom操作！

创建
添加
$('<h2>h2h22h2h2h2h2h2</h2>').appendTo('#box');

$('<h2>h2h22h2h2h2h2h2</h2>')---创建元素！

.appendTo('#box')---添加（默认#box子级的最后面）
.appendTo(父级)---父级内部后面！
.prependTo(父级)---父级内部前面！
.insertBefore('#box')----父级外部前面！
.insertAfter('#box')----父级外部后面！

删除 ---remove

$(要删除的元素).remove();---想删除谁，就给谁remove'

$(this).parent().remove();

当前的父级，删除掉！

---

简易留言：
1.点击默认有的留言删除不了
2.留言以后，默认的就可以删除
3.把删除代码放在外面，默认的可以删除了，但是创建的删除不了

解决：里外都写上！

转载于:https://www.jianshu.com/p/079a31826970