jQuery实例6:对DOM的简单操作和对CSS的操作

来源:互联网 发布:什么是黑箱 人工智能 编辑:程序博客网 时间:2024/06/04 19:01

对DOM的操作

 

<html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">   function sure(){$("<b>Hello</b>").insertBefore("#p1"); $("#p1").after("<b>World</b>"); }; </script></head><body><p id="p1">这是一个段落</p><br/>在文字前面加上Hello,后面加上World<input type='button' onclick="sure();" value="确定"/></body></html>


对CSS的操作

<html><head><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">   $(document).ready(function(){$("p").css({ "margin-left": "10px", "background-color": "blue" }); }); </script></head><body><p id="p1">这是一个段落</p></body></html>


 

原创粉丝点击