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)创建子节点:

              (2)创建同级节点:

3、节点替换:

4、复制节点:   

         ①可以加选项 true   --------------------------------------  表示 同时 克隆 标签的 事件

         ② 复制之后并没有保存,需要添加到标签中

5、删除节点:

               常用: remove()

7、获取和设置节点属性:attr() 、removeAttr()

                           

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

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值