jQuery日记(3)--jQueryHTML

  1. 获取
    .text() , .html(), .val(), .attr()

  2. 设置  同获取

  3. 添加
    $document. ready(function(){
            $("#btn"). click(function(){
                     $(".p"). append("XXXXXXXX");     //内部结尾插入
                     $(".p"). prepend("aaaaaaa");        //在被选中元素内部的开头插入
                     $(".p"). after("b");                        //外部后面
                     $(".p"). before("c");
            })
    })
    添加多个元素
    function appendText()
    {
    var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
    var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
    var txt3=document.createElement("p");  // 以 DOM 创建新元素
    txt3.innerHTML="Text.";
    $("p").append(txt1,txt2,txt3);         // 追加新元素
    }

  4. 删除
    .remove         //删除被选中元素及其子元素
    .empty           //delete children

    $("p").remove(".italic");    //对删除的P 进行筛选    将class="italic" 的p元素及其子元素删除

  5. CSS类
    .addClass();
    .removeClass();
    .toggleClass();
    .css();

猜你喜欢

转载自blog.csdn.net/qq240814476/article/details/53039747