jquery的简单用法二

本页内容：

八、js 数据交互方式：json数据类型

json数据：一种可以跨语言的轻量级数据交互格式。

（1）json数据类型的写法：------ 类似python的字典

（2）json 数据的取值：用 . 的方式

九、jquery操作 DOM对象（ html标签、css样式）的方法（增删查改）：

1、jquery 控制 css 样式：

（1）直接控制：

（2）通过.css()的方法：

本质 : ------------------------------------- 它是修改标签的 style 属性 , 他的优先级要高于 addClass() ,例如：h 和a标签有默认的style属性，他会覆盖addClass 添加的属性，因此我们用 jquery 修改 h 和 a标签样式时，应该用.css()方法

https://blog.csdn.net/qq_16555103/article/details/85299658 ----------- 第二节

① 修改样式:

② 获取 css 属性值:

（3）通过addClass() 与removeClass() 控制：

https://blog.csdn.net/qq_16555103/article/details/85299658 ----------- 第三节

(4) 切换样式 toggleClass() ：

特点：内部有条件判断 --------------- 模拟了addClass()与removeClass()实现样式切换的过程

2、遍历同辈、父级元素的方法：

（1）.next()、 .prev()、.siblings() 用法

https://blog.csdn.net/qq_16555103/article/details/85299658 ----------- 第三节

（2）.children() 、.parent() 、 .parents() ：

.children() -------------- 标签所有子元素，不包含子孙级；.parent() -------------- 标签的父元素（1个）

.parents() ------------- 标签所有的父元素

$("li").children().eq(2).css("display");

3、节点属性操作：prop()、attr() 、removeAttr()

https://blog.csdn.net/qq_16555103/article/details/85299658 ----------- 第三节

4、内容操作：html()、 text()、 val()

例:

5、节点操作：查找、创建、替换、复制和遍历

1、遍历：each( ) 、$(this)

$("[name=qq]").each(function(){        ----------------- 相当于for循环遍历每一个元素
    if(regx.test($(this).val())){
        $(this).next().html("√")
    }else{
        $(this).next().html("×")
    }
})

2、创建节点:

（1）创建子节点：