您的位置：首页 > Web前端 > JQuery

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

2017-03-03 11:23 761 查看 
$(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>


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航