码迷,mamicode.com
首页 > Web开发 > 详细

jQuery操作DOM元素

时间:2016-05-13 00:12:32      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

1.attr() 控制元素属性


2. html(),text()控制元素内容,其中text()只是文本内容


3. addClass(),css()操作元素的样式


4.使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能


5.append()追加内容


6.appendTo()反追加


7.before(),after()元素前后插入内容


8.clone() 复制元素


9.
$(selector).replaceWith(content)---replaceWith用后面内容替换前面内容
$(content).replaceAll(selector)----replaceAll用前面内容替换后面内容


10.元素的包裹
$(selector).wrap(wrapper)包裹元素本身
例如:$(".red").wrap("<div></div>");即在.red外部包裹一层div
$(selector).wrapInner(wrapper)包裹元素中的内容 

例如 $(".red").wrapInner("<i></i>");即给文本加上斜体


11.each()方法遍历元素

<span style="font-size:18px;"><strong> <script type="text/javascript">
            $("span").each(function (index) { //index从0开始遍历,funtion为回调函数
                if (index == 1) {
                    $(this).attr("class", "red");
                }
            });
        </script></strong></span>


12.remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。

<strong><body>
        <h3>使用empty()方法删除元素</h3>
        <span class="green">香蕉</span>
        <span class="green">桃子</span>
        <span class="green">葡萄</span>
        <span class="green">荔枝</span>
        
        <script type="text/javascript">
            $("span").empty(); //把子元素删掉,在这里只是去掉文本,green的样式还在
            //$("span").remove(); //整个元素删除了
        </script>
    </body></strong>



jQuery操作DOM元素

标签:

原文地址:http://blog.csdn.net/u013045370/article/details/51346200

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!