jQuery——dom操作-创新互联
续:
站在用户的角度思考问题,与客户深入沟通,找到庐江网站设计与庐江网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广、申请域名、虚拟空间、企业邮箱。业务覆盖庐江地区。3、dom操作
1)查找 dom / d1.html
a,查询或者修改节点的html内容
html()
b,查询或者修改节点的文本
text()
c,查询或者修改节点的属性
attr()
d,查询或者修改节点的值
val()
2)创建 dom / d2.html
$a = $(html)
如:$('dfd') 就创建好,之后再使用append()方法插入到dom中。
3)插入节点
append():向每个匹配的元素内部追加内容
prepend():向每个匹配的元素内部前置内容
after():在每个匹配的元素之后插入内容
before():在每个匹配的元素之前插入内容
4)删除节点 dom / d3.html
remove() //这个方法返回时删除节点的引用。
remove(selector)
empty():清空节点元素里的内容
6)复制节点 dom /d5.html
clone()
clone(true):使复制的节点也具有行为(将事件处理代码一块复制)
如:$(selector).clone(true).appendTo(selector)//复制的节点再添加到后面的选择器中
7)属性操作
读取:attr('id');
设置: attr('id','d1') 或者一次
设置多个 attr({"id":"d1","class":"s1"});
删除:removeAttr('id')
8)样式操作 dom / d6.html
获取和设置: attr("class","") 或者 attr("style","")
追加:addClass('s1')
移除:removeClass('s1')
或者removeClass('s1 s2')
或者removeClass()//会删除所有样式
切换样式:toggleClass,有该样式,就删除,没有,就添加。
是否有某个样式 hasClass('s1')
读取css('font-size')
设置css('font-size','60px')或者
css({'':'','':''})//设置多个样式
9)遍历节点 dom / d7.html
children()/children(selector):获取子元素集合。只考虑子元素,不考虑其它后代元素。
next()/next(selector):下一个兄弟
prev()/next(selector):前一个兄弟
siblings()/siblings(selector)其它兄弟
find(selector):从当前节点开始查找后代。
parent():父节点
closest():取得最近匹配元素。首先检查当前元素是否匹配,如果匹配直接返回,不匹配 就向上查找父元素,逐级向上直到匹配到。若一直没有匹配到就返回空的jQuery对象。
10)替换节点
replaceWith() :将匹配的元素替换成指定的元素
replaceAll() :和replaceWith一样,只不过是颠倒了replaceWith的操作。
如:把
I Love You
标签替换成I Love You$('p').replaceWith('I Love You');或者$('I Love You').replaceAll('p');
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页名称:jQuery——dom操作-创新互联
URL链接:http://ybzwz.com/article/gpsps.html