JQuery学习笔记JQuery的DOM操作

　　

:,

:使用JavaScript和HTML DOM为文档编写脚本时,有许多专属于HTML DOM的属性

:针对于CSS操作,在JavaScript中,CSS-DOM主要用于获取和设置风格对象的各种属性

,,


& lt; ! DOCTYPE  HTML  PUBLIC “-//W3C//DTD  HTML  4.01//EN ", " http://www.w3.org/TR/html4/strict.dtd "比; 　　& lt; html> 　　& lt; head> 　　& lt; meta  http-equiv=" - type ",内容=" text/html;, charset=utf - 8”比; 　　& lt; title> Untitled  Document</title> 　　& lt; script  type=" text/javascript, src=" https://www.yisu.com/zixun/js/jquery-1.7.2.js "祝辞& lt;/script> 　　& lt; script  type=" text/javascript祝辞//测试JQuery操作文本节点,属性节点 　　$(()函数,{//操作文本节点,通过JQuery对象的文本()方法 　　警报($ (" # bj”)。text ()); 　　$ (" # bj ")。text(“北京天安门”);//操作属性节点,通过JQuery对象的attr()方法 　　警报($(":文本(name='用户名']”).attr(“价值”)); 　　$(":文本(name='用户名']”).attr(“价值”,“悉德”); 　　}); 　　& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; p>你喜欢哪个城市? & lt;/p> 　　,,,& lt; ul  id=俺鞘小北? 　　,,,,,,,& lt; li  id=癰j, name=氨本痹诒本? lt;/li> 　　,,,,,,,& lt; li  id=皊h”在上海& lt;/li> 　　,,,,,,,& lt; li  id=吧钲凇钡脑谏钲? lt;/li> 　　,,,,,,,& lt; li  id=皊z2”在深圳2 & lt;/li> 　　,,,& lt;/ul> 　　,,,& lt; p>你喜欢哪本书? & lt;/p> 　　,,,& lt; ul  id=笆椤痹? 　　,,,,,,,& lt; li  id=皒yj”, name=" xyj祝辞西游记& lt;/li> 　　,,,,,,,& lt; li>三国演义& lt;/li> 　　,,,,,,,& lt; li>水浒传& lt;/li> 　　,,,,,,,& lt; li>水浒传2 & lt;/li> 　　,,,& lt;/ul> 　　,,,& lt; br/比; 　　性别:,,, 　　,,,& lt; input 类型=肮悴ァ?name="性别",value=" https://www.yisu.com/zixun/male "/在男性 　　,,,& lt; input 类型=肮悴ァ?name="性别",value=" https://www.yisu.com/zixun/female "/在女性 　　,,,& lt; br/比; 　　,,,& lt; input 类型=拔谋尽?name="用户名",value=" https://www.yisu.com/zixun/umgsai "/比; 　　& lt;/body> 　　& lt;/html>


& lt; ! DOCTYPE  HTML  PUBLIC “-//W3C//DTD  HTML  4.01//EN ", " http://www.w3.org/TR/html4/strict.dtd "比; 　　& lt; html> 　　& lt; head> 　　& lt; meta  http-equiv=" - type ",内容=" text/html;, charset=utf - 8”比; 　　& lt; title> Untitled  Document</title> 　　& lt; script  type=" text/javascript, src=" https://www.yisu.com/zixun/js/jquery-1.7.2.js "祝辞& lt;/script> 　　& lt; script  type=" text/javascript祝辞//测试JQuery创建节点并且插入节点到指定位置 　　$(()函数,{//创建一个p节点,并添加到城市下//$ (" & lt; li  id=癮tguigu”祝辞尚硅谷& lt;/li>”) .appendTo(“#城市”);//$(" #城市”).append (“& lt; li  id=癮tguigu”在【尚硅谷】& lt;/li>”);//警报($ (" # atguigu ")。text ());//接到第一个节点的,前面 　　$ (" & lt; li  id=癮tguigu”祝辞尚硅谷1 & lt;/li>”) .prependTo($(" #城市"));//$(" #城市”).prepend (“& lt; li  id=癮tguigu”在【尚硅谷】& lt;/li>”);//插入到指定位置的后面//$ (" & lt; li  id=癮tguigu”祝辞尚硅谷2 & lt;/li>”) .insertAfter ($ (" # bj ")); 　　$ (" # bj ")后($ (“& lt; li  id=癮tguigu”祝辞尚硅谷2 & lt;/li> "));//插入到指定位置的前面//$ (" & lt; li  id=癮tguigu”祝辞尚硅谷3 & lt;/li>”) .insertBefore ($ (" # bj ")); 　　$ (" # bj ") .before ($ (“& lt; li  id=癮tguigu”祝辞尚硅谷4 & lt;/li> ")); 　　}); 　　& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; p>你喜欢哪个城市? & lt;/p> 　　,,,& lt; ul  id=俺鞘小北? 　　,,,,,,,& lt; li  id=癰j, name=氨本痹诒本? lt;/li> 　　,,,,,,,& lt; li  id=皊h”在上海& lt;/li> 　　,,,,,,,& lt; li  id=吧钲凇钡脑谏钲? lt;/li> 　　,,,,,,,& lt; li  id=皊z2”在深圳2 & lt;/li> 　　,,,& lt;/ul> 　　,,,& lt; p>你喜欢哪本书? & lt;/p> 　　,,,& lt; ul  id=笆椤痹? 　　,,,,,,,& lt; li  id=皒yj”, name=" xyj祝辞西游记& lt;/li> 　　,,,,,,,& lt; li>三国演义& lt;/li> 　　,,,,,,,& lt; li>水浒传& lt;/li> 　　,,,,,,,& lt; li>水浒传2 & lt;/li> 　　,,,& lt;/ul> 　　,,,& lt; br/比; 　　性别:,,, 　　,,,& lt; input 类型=肮悴ァ?name="性别",value=" https://www.yisu.com/zixun/male "/在男性 　　,,,& lt; input 类型=肮悴ァ?name="性别",value=" https://www.yisu.com/zixun/female "/在女性 　　,,,& lt; br/比; 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

JQuery学习笔记JQuery的DOM操作