javascript代码实例教程-jquery的DOM操作

发布时间:2019-03-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery的DOM操作脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

1、属性操作1)查找属性节点:attr()方法来获取属性的值,它的参数可以是一个也可以是多个;例如: attr("tITle")//获取属性值attr("title","aaaaaaaaa")//将属性值改为aaaaaaaaa;2)removeAttr()方法删除元素属性;

2、创建节点: VAR $ lia=$("<li title="aa">aaaaa</li>")

3、插入节点的方法:apPEnd()直接追加;appendTo()追加到 例如A.appendTo(B)意思是A追加到B中,顺序跟append()刚好相反;PRepend()插入到元素的前面(与after()刚好相反);A.prependTo(B)讲A插入到B的前面(与insertAfter()刚好相反);

4、删除节点的方法:remove()但是删除后还可以继续使用这些元素;例如$aa=$("ul li:eq(1)");$aa.remove();$("ul").append("$aa");empty()方法是清空节点;例如

<htML>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
&nbsp;   $(document).ready(function(){
var $bb=$("ul li:eq(1)");
$bb.remove();
})
</script>
</head>
<body>
<ul>
<li>aa</li>
<li>bb</li>
<li>cc</li>
</ul>
</body>
</html>

输出结果为:.aa . .bb而如果是remove()方法,输出效果为:.aa .bb;

5、复制节点 $("aa").clone(true)//如果不加参数true则复制后的元素不具有父元素的行为;

6、替换节点:replaceWith()和replaceAll()方法(两种方法的作用一样,只是使用时顺序是颠倒的);例如:将<p>aaaaaaaaaaaa</p>替换为<a href="">bbbbbbbbbbbbbbb</a>代码如下:$("p").replaceWith("<a href="">bbbbbbbbbbbbbbb</a>");或者是$("<a href="">bbbbbbbbbbbbbbb</a>").replaceAll("p");

7、包裹节点方法:1)wrap()是讲所有匹配的元素进行单独包裹;

2)wrapAll()方法是将所有的匹配元素用一个元素包裹起来;

3)wrapInner()方式是讲所有匹配的元素的子内容(包括文本节点)用结构化的标记包裹起来;


8、样式操作:1)替换样式$("ul").attr("class","aa");

2)追加样式$("ul").addClass("aa");

3)移除样式$("ul").removeClass("aa");

4)切换样式toggleClass()方法控制样式上的重复切换,如果存在则删除,如果不存在则添加;

5)判断是否有某个样式$("p").is(".another");

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquery的DOM操作全部内容,希望文章能够帮你解决javascript代码实例教程-jquery的DOM操作所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。