使用jQuery操作DOM

JQuery DOM操作

    操作DOM分类

        DOM Core(核心)
        HTML-DOM
        CSS-DOM

    JQuery中的DOM操作

jQuery中的DOM操作分类	样式操作	设置样式
		追加样式
		移出样式
		切换样式
	内容操作	获取和设HTML,文本和value值
	节点操作	节点本身的操作	查找结点
			创建节点
			删除节点
			复制节点
			替换节点
		属性操作	获取属性和设置的属性
			删除属性
		遍历节点	遍历子节点
			遍历紧邻其后的兄弟节点
			遍历紧邻期前的兄弟节点
			遍历所有兄弟节点
			遍历父节点和祖节点
	CSS-DOM操作	获取或设置元素的样式
		获取或设置元素的宽度和高度
		获取元素相对于醉金的祖先节点
		获取元素在当前视窗的相对偏移
		获取元素的滚动条距离顶端和左侧的距离

样式操作

    设置和获取样式值

// An highlighted block
$(selector).css(name,value);//设置单个属性
//或者
$(selector).css({name:value,name:value,name:value});//同时设置多个属性

参数	描述
name	必需。规定CSS属性的名称。该参数可以是任何CSS属性
value	必需。规定CSS属性的值。该参数可以是任何CSS属性的值

$(selector).css(name);//获取属性

    追加样式和移出样式

        1.追加样式
        除了使用CSS()方法可以为元素添加样式外，还能使用addClass()方法为元素追加类样式。语法格式如下

$(selector).addClass(class);//添加单个样式
$(selector).addClass(class class2 ... classN);//添加多个样式
$(selector).removerClass(class);//移除一个样式
$(selector).removerClass(class1 class2 .. classN);//移除多个样式

        3.切换样式
        在前面的章节中已经学习过，在jQuery中，使用toggel()方法可以切换元素的可见状态，使用toggleClass()方法可以切换不同元素的类样式，其语法如下

$(selecrot).toggleClass(class);

        3.判断是否含指定的样式
        在实际网页中会经常用到追加样式和移出样式，如果需要追加的样式已经应用到指定元素，还需要追加吗？如果需要移出的样式根本就没有应用到指定的元素，还需要移除吗？那么问题来了，该如何判断某元素已应用到指定的样式呢？在jQuery中，提供了hasClass()方法来判断是否指定的样式，其语法如下。

$(selecrot).toggleClass(class);

内容操作

    1.HTML代码操作

HTML([content]);

    2.标签内容操作

text([content]);

    2.属性值操作

val([value]);

节点与属性操作

    1.节点操作

        (1)查找节点

9点半该睡觉了