学习的时候记下的一些东西

  css与addClass功能一样，只是
    css("height","222")/css("color","red"),是给元素设置样式
    addClass("类名")，给一组相同的元素设置样式 
     .lym{
    font-size:15px;
    background:#ededed;
    }
    $(".left div").addClass("lym")

2
将新创建的元素当成页面某一元素的子元素放到其内部，有两种插入方法
.append()----前面是被插入的对象,后面是要在对象内插入的元素内容
.appendTo()----前面是要插入的元素内容，而后面是被插入的对象

$(".content").append("<div class="append">通过append动态添加</div>");
$("<div class="append">通过appendTo动态添加</div>").appendTo($(".content"));

3.after()与before()是用来在匹配的元素前后插入内容
.after(content)----在匹配元素集合中的每个元素后面插入参数所指的内容，作为其兄弟结点
.before(content)—在匹配元素集合中的每个元素的前面插入内容，作为其兄弟结点

<body>
    <h2>通过before与after添加元素</h2>
    <button id="bt1">点击通过jQuery的before添加元素</button>
    <button id="bt2">点击通过jQuery的after添加元素</button>
    <div class="aaron">
        <p>lym</p>
        <p class="test1">测试before</p>
    </div>
    <div class="aaron">
        <p class="test2">测试after</p>
         <p>lym</p>
    </div>
</body>
 $(".test1").before("<p style='color=red'>bofore在匹配元素之前增加</p>","<p style='color=red'>bofore在匹配元素之前增加</p>");
 $("test2").after("<p style='color=blue'>bofore在匹配元素之前增加</p>","<p style='color=blue'>bofore在匹配元素之前增加</p>");

代码截图
学习的时候记下的一些东西
4.

学习的时候记下的一些东西

相关推荐