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

jQuery节点操作

时间:2016-12-06 11:22:42      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:api   ace   eal   appendto   查找   query   title   区别   dom   

1、查找元素节点

$("ul li:eq()");

2、查找属性节点

$("selector").attr("title")

3、创建节点

var $li_1=$("<li></li>");

var $li_2=$("<li></li>");

$("ul").append($li_1);

4、创建文本节点、创建属性节点

5、插入节点

append():向每个匹配的元素内部追加内容(追加:即在后)

appendTo():将所有匹配的元素追加到指定的元素中

prepend():向每个匹配的元素内部前置内容

prependTo():

after():向每个匹配的元素之后插入内容

inserAfter():

before():在每个匹配的元素之前插入内容

insertBefore():

6、删除节点

1、remove():从dom删除所有匹配的元素

    detach():从dom删除所有匹配的元素

区别:detach()不会把匹配的元从jQuery对象中删除,因而可以在将来再使用这些匹配的元素,与remove()不同的是,所有绑定的事件,附加的数据等都会保留下来

    empty():不是删除节点,而是清空节点

2、复制节点

clone():复制节点后,被复制的新元素并不具有任何i行为

clone(true):复制元素的同时同时复制所绑定的事件

3、替换节点

replaceWith()、replaceAll():

$("p").replaceWith("<strong></strong>");

4、包裹节点

$("strong").wrap("<b></b>");warp译为用...包裹(之前搞不清楚谁包裹谁,总是搞混,单词不过关┭┮﹏┭┮)

<p></p>

<p></p>

<p></p>

wrapAll():$("p").wrapAll("<b></b>")——<b><p></p><p></p><p></p></b>

wrap()单独包裹每个元素,<b><p></p></b> <b><p></p></b>

wrapInner():$("p").wrapInner("<b></b>")——<p><b></b></p>

 

jQuery节点操作

标签:api   ace   eal   appendto   查找   query   title   区别   dom   

原文地址:http://www.cnblogs.com/ypcute/p/6136850.html

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