Jquery中的DOM操作 (五.包裹节点和属性操作)

最新推荐文章于 2019-10-02 18:34:57 发布

张大仙是个妖怪

最新推荐文章于 2019-10-02 18:34:57 发布

阅读量326

点赞数

分类专栏： # jQuery选择器和DOM操作

本文链接：https://blog.csdn.net/NDKHBWH/article/details/60135949

版权

jQuery选择器和DOM操作专栏收录该内容

26 篇文章 0 订阅

订阅专栏

  $(function(){
        //7.包裹节点
                //1.wrap()如果选择到多个元素,将所有元素单独包裹
                        $(".wrap").wrap("<Strong></Strong>");
                //2.wrapAll()将所有匹配的元素用一个元素包裹,如果被包裹的多个元素
                //间有其他元素,其他元素会被放到包裹元素之后
                       $(".wrapAll").wrapAll("<Strong></Strong>");
                //3.wrapInner()将每一个匹配元素的字内容(包括文本节点)用其他结构化的标记包裹起来.
                       $(".wrapInner").wrapInner("<b></b>");
        //8.属性操作:用attr()来获取和设置属性,用removeAttr()方法来删除元素属性
                //1.获取属性
                       var attr = $(".attr").attr("title");//获取第一个
                       alert(attr);
                //2.设置单个的属性值
                       $(".attr").attr("title","你的名字");//2个全部设置
                //3.设置多个属性
                        $(".attr").attr({"title" : "我的名字","name":"叫什么"});//2个全部设置
                //4.删除属性
                        $(".attr").removeAttr("title");
                //5.prop()和removeProp(),分别用来获取在匹配的元素集中,第一个元素的属性值和为
                //匹配的元素删除设置的属性
        });





<body>

<div class="wrap">你最喜欢的水果是?</div>
<div class="wrap">你最喜欢的水果是?</div>
<div class="wrapAll">你最喜欢的水果是?</div>
<div class="wrapOther">你最喜欢的水果是?</div>
<div class="wrapAll">你最喜欢的水果是?</div>

<div class="wrapInner">你最喜欢的水果是?</div>
<div class="wrapInner">你最喜欢的水果是?</div>

<div class="attr"  title="attr1">attr1?</div>
<div class="attr"  title="attr1">attr1?</div>
</body>