(17.04.25)jq操作属性、dom -----!!!???

2017-11-04  本文已影响0人  张不困_

复习

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.把删除代码放在外面,默认的可以删除了,但是创建的删除不了

解决:里外都写上!
上一篇 下一篇

猜你喜欢

热点阅读